RORO 패턴이란?RORO는 "Receive an Object, Return an Object"의 약자로, 함수의 매개변수와 반환값을 모두 객체로 사용하는 JavaScript 패턴이다.이 패턴은 TypeScript와 함께 사용할 때 특히 유용하다고 한다. RORO 패턴의 주요 이점은 다음과 같다:매개변수의 순서에 구애받지 않음선택적 매개변수를 쉽게 처리함수 시그니처의 변경이 용이코드의 가독성과 유지보수성 향상TypeScript와 함께 사용 시 타입 안정성 강화RORO 패턴 예시예시1기존의 함수:function createUser(name: string, age: number, email: string, isAdmin: boolean = false) { // 사용자 생성 로직}createUser("Joh..
JS로 개발하는 대부분의 개발자는 Eslint를 사용할 것이다.많은 분들이 알고 있겠지만, Eslint에는 single quote(단일 인용부호) 옵션이 있다.이 옵션이 왜 필요할까?// .eslintrc{ "rules": { "quotes": ["error", "single"] }}이 설정에 따르면 ESLint는 문자열 리터럴에 단일 인용부호(single quotes)를 사용하도록 강제하며,만약 개발자가 이중 인용부호(double quotes)를 사용하면 ESLint에서 오류를 발생킨다.singlequote가 필요한 이유ESLint에서 singlequote 규칙을 사용하는 주된 이유는 코드의 일관성과 가독성을 향상시키기 위해서이다.JavaScript에서는 문자열을 표현할 때 작은따옴표(')와 ..
React에서 폼 처리는 사용자 입력을 관리하고 상호작용하는 중요한 부분이다.폼 처리의 접근 방식에는 제어 컴포넌트와 비제어 컴포넌트가 있는데 오늘은 이 둘의 차이를 알아보려한다.제어 컴포넌트 vs 비제어 컴포넌트제어 컴포넌트 (Controlled Components)제어 컴포넌트는 React의 useState를 통해 폼 데이터를 관리한다.각 폼 요소의 값은 컴포넌트의 state에 저장되고, 변경 이벤트를 통해 업데이트된다.특징상태 관리: React의 state로 폼 데이터를 관리한다.실시간 유효성 검사: 입력값이 변경될 때마다 즉시 검증할 수 있다.조건부 렌더링: 입력값에 따라 UI를 동적으로 변경할 수 있다.중앙화된 데이터 흐름: 단일 소스의 진실(Single Source of Truth)를 유지한다..
문제https://www.acmicpc.net/problem/4227풀이1. Node.js(fs)const fs = require('fs');const input = fs.readFileSync('/dev/stdin').toString().trim().split('\n');function evaluateSmeech(expr) { if (!isNaN(expr)) { return parseFloat(expr); } expr = expr.slice(1, -1); // 바깥쪽 괄호 제거 let p = parseFloat(expr); let rest = expr.slice(expr.indexOf(' ') + 1); let openBrackets = 0; l..
