서론 웹 개발의 세계에서 TypeScript는 JavaScript에 정적 타이핑을 가져오는 능력으로 큰 인기를 얻고 있습니다. TypeScript의 모든 장점을 활용하기 위해 tsconfig.json 파일, 특히 compilerOptions를 구성하는 것이 중요합니다. 이 기사는 다양한 컴파일러 옵션과 개발 프로세스에 미치는 영향을 탐색하여 TypeScript 컴파일 최적화에 대한 포괄적인 안내서 역할을 할 것입니다. tsconfig.json 파일 이해하기 다양한 컴파일러 옵션을 자세히 살펴보기 전에 tsconfig.json 파일의 목적을 이해하는 것이 중요합니다. 이 파일은 TypeScript 프로젝트의 구성 파일로, 개발자가 컴파일러 옵션, 포함 또는 제외할 파일 및 기타 프로젝트별 설정을 지정할 수..

웹팩 번들 분석 플러그인(webpack bundle analyzer Plugin) 은 웹팩을 이용하여 번들링되는 모듈들을 분석해서 보기 좋게 시각적으로 표현해주는 모듈이다. 모듈의 용량을 분석하여 효율적으로 모듈을 관리할 수 있도록 도와준다. 앱이 크면 클수록 모듈 종류가 많아지며, 용량이 커져 무거워지게 되는데 이때 필수인 webpack bundle analyzer! 이를 이용하여 큰 모듈의 경우 minify 버젼을사용하거나 다른 방법으로 줄일 수 있다. 오늘은 어떻게 webpack bundle analyzer 세팅하는지 알아보자. 먼저 해당 플러그인을 Dev 모드로 설치하자 # NPM npm install --save-dev webpack-bundle-analyzer # Yarn yarn add -D..