이 글은 원문을 번역하고, 추가 예시를 삽입한 글이다.Node.js 2025: 모던 서버사이드 자바스크립트 개발의 기준Node.js는 초창기 이후로 놀라운 변화를 거듭해왔습니다. 오랫동안 Node.js를 사용해왔다면 콜백이 난무하고 CommonJS가 지배적이던 시절에서, 오늘날처럼 깔끔하고 웹 표준을 따르며 개발 경험이 개선된 모습까지 변화를 직접 체감했을 것입니다.이 변화들은 단순히 겉모습만 바뀐 것이 아니라, 서버사이드 자바스크립트를 대하는 근본적인 방식의 변화입니다. 최신 Node.js는 웹 표준을 포용하고, 외부 의존성을 줄이며, 더 직관적인 개발 경험을 제공합니다. 아래 내용을 통해, 2025년의 Node.js 개발 트렌드를 정리합니다.1. 모듈 시스템: ESM이 표준가장 큰 차이를 체감할 수 ..
위 글은 NPM DEEP DIVE를 읽고, 그 중 5장의 내용을 정리하며,gpt와 티키타카한 글이다. Babel트랜스파일의 필요성ES6 이후 구형브라우저와 호환성을 유지하기 위해 트랜스파일러의 필요성이 대두됨초기에는 ES6코드를 ES5로 트랜스파일링 기능만 제공했으나, 이후 최신 ECMAScript + ESNext, 리액트 JSX 문법, 타입스크립트 등 확장 기능과 프리셋을 통해 특정 환경이나 목표에 맞는 미리 구성된 설정을 할 수 있게함동작방식추상 구문 트리(AST, Abstract Syntax Tree)는 소스코드의 구조를 트리 형태로 표현한 자료구조로, 컴팡일러와 인터프리터가 소스코 드를 분석하고 변환하는 역할을 하며, 최상위 노드, 노드, 자식 노드로 구성됨.아래는 astexplorer에서 fil..
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는 순서가 있는 데이터의 집합으로, 인..
