이 글은 NPM DEEP DIVE 책을 리뷰하는 것과 동시에 완독하는 챌린지(25.6.23~25.7.23)에 참여했던 회고를 담은 글이다.챌린지 신청 배경이 라이브러리는 어떻게 빌드되어서 오픈소스로서 사용할 수 있는 것이며, 어떻게 설정해야 함수를 import할때 경로를 올바르게 불러올 수 있는지, 패키지 매니저들은 구체적으로 어떤 차이가 있는지 등 궁금한 것이 많았지만,평소에 기능 구현에 급급해서 남들이 만들어둔 라이브러리를 쓰기만 하며, 해부해보려는 시도없이 개발만 해왔던 것 같다. 그러던 중, npm deep dive라는 책이 출시되었다는 소식과 함께 약 20일동안 책을 독파하는 챌린지 모집글을 보게 되었다.내 자유의지로 이 책을 다 읽어내는게 현실적으로 어렵다고 판단했고, 다른 챌린저 분들과 으쌰..
위 글은 NPM DEEP DIVE를 읽고, 그 중 5장의 내용을 정리하며,gpt와 티키타카한 글이다. Babel트랜스파일의 필요성ES6 이후 구형브라우저와 호환성을 유지하기 위해 트랜스파일러의 필요성이 대두됨초기에는 ES6코드를 ES5로 트랜스파일링 기능만 제공했으나, 이후 최신 ECMAScript + ESNext, 리액트 JSX 문법, 타입스크립트 등 확장 기능과 프리셋을 통해 특정 환경이나 목표에 맞는 미리 구성된 설정을 할 수 있게함동작방식추상 구문 트리(AST, Abstract Syntax Tree)는 소스코드의 구조를 트리 형태로 표현한 자료구조로, 컴팡일러와 인터프리터가 소스코 드를 분석하고 변환하는 역할을 하며, 최상위 노드, 노드, 자식 노드로 구성됨.아래는 astexplorer에서 fil..