위 글은 NPM DEEP DIVE를 읽고, 그 중 5장의 내용을 정리하며,gpt와 티키타카한 글이다. Babel트랜스파일의 필요성ES6 이후 구형브라우저와 호환성을 유지하기 위해 트랜스파일러의 필요성이 대두됨초기에는 ES6코드를 ES5로 트랜스파일링 기능만 제공했으나, 이후 최신 ECMAScript + ESNext, 리액트 JSX 문법, 타입스크립트 등 확장 기능과 프리셋을 통해 특정 환경이나 목표에 맞는 미리 구성된 설정을 할 수 있게함동작방식추상 구문 트리(AST, Abstract Syntax Tree)는 소스코드의 구조를 트리 형태로 표현한 자료구조로, 컴팡일러와 인터프리터가 소스코 드를 분석하고 변환하는 역할을 하며, 최상위 노드, 노드, 자식 노드로 구성됨.아래는 astexplorer에서 fil..
2025.03.12 - [Programming Language/React] - [React] Design Pattern in React (4) - Proxy 이전 글에 이어,이번엔 싱글톤(Singleton) 패턴의 자주 쓰이는 용례들을 적어보고자 한다. 싱글톤 패턴(Singleton)싱글톤 패턴은 클래스의 인스턴스가 애플리케이션 전체에서 단 하나만 존재하도록 보장하는 디자인 패턴입니다. React와 Next.js에서는 전역 상태 관리, 서비스 인스턴스, 유틸리티 등을 구현할 때 유용하게 활용됩니다. 1. 기본 구조JavaScript/TypeScript에서의 싱글톤 패턴기본 구현:// 기본적인 싱글톤 패턴 구현class Logger { private static instance: Logger; pr..
2025.03.11 - [Programming Language/React] - [React] Design Pattern in React (3) [React] Design Pattern in React (3)2025.03.10 - [Programming Language/React] - [React] Design Pattern in React (2) 이전 글에 이어,이번엔 프로토타입(Prototype) 패턴의 자주 쓰이는 용례들을 적어보고자 한다. 프로토타입 패턴(Prototype)프로토타입juniortunar.tistory.com 이전 글에 이어,이번엔 프록시(Proxy) 패턴의 자주 쓰이는 용례들을 적어보고자 한다. 프로토타입 패턴(Prototype) 프록시 패턴은 특정 객체에 대한 접근을 제어하는..
