JS와 React에서의 디자인 패턴을 다루기 앞서, 자바스크립트 + 리액트 디자인 패턴을 읽고,안티 패턴에 대해 정리해보려 한다.안티 패턴(Anti-pattern)디자인 패턴이 모범 사례를 뜻한다면, 안티 패턴은 겉으로만 해결책처럼 생긴 잘못된 패턴을 말하며 다음과 같이 정의한다.문제 상황에 대한 잘못된 해결책문제 상황에서 벗어나 올바른 해결책에 이르는 방법반면교사로 활용하기 위해 문서화하여 기록해야 하는 나쁜 디자인 패턴추가로,안티 패턴이란 획일적으로 어떤 사항에 해당되면 안티 패턴이라고 판단하는 것이 아니라,프로젝트 초기 설정 단계와 유지 보수 단계 등 처한 상황에 따라 결정되는 것이다.자바스크립트 안티 패턴(JavaScript Anti-pattern)자바스크립트는 변수에 저장된 값의 자료형을 명확하..
성능을 고려하는 개발자라면,데이터를 어떻게 관리해야하는게 좋을지 고민해봐야 할 것이다.(사실 나는 이제서야 처음으로 생각해보는 것 같다.)JS에서 데이터를 어떻게 관리하는 것이 좋을까?JavaScript에서 데이터를 관리하는 방법은 여러 가지가 있으며, 각 방법은 특정 상황에서 장단점이 있다.이번 글에서는 Array, Object, Map, Set의 정의와 특징, 그리고 각각의 예시를 통해 어떻게 활용할 수 있는지 살펴보겠다.type 정의(공통)type NoticeItem = { key: string; subject: string; content: string; createDate: string; createBy: string;};1. Array정의Array는 순서가 있는 데이터의 집합으로, 인..
매년 Ecma International에서는 JavaScript의 표준인 ECMAScript(줄여서 ES)를 개정하여 발표한다.2024년 7월에 발표된 ES2024는 JavaScript에 새로운 기능을 추가하고 기존 기능을 더욱 강화하여 개발자들의 작업을 보다 효율적으로 만들어 주는 다양한 개선 사항을 포함하고 있는데,이번 글에서 다뤄보고자 한다.[JS] ES2024에는 어떤 기능이 추가되었을까?1. Object.groupBy 및 Map.groupByES2024 이전의 불편함: 배열을 특정 기준으로 그룹화할 때, 개발자는 reduce()나 forEach()를 사용해 수동으로 데이터를 그룹화해야 했다. 이 방식은 코드가 길어지고 가독성이 떨어지며, 실수를 유발할 가능성도 있다.이전 코드 (ES2024 이전..
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..
