CRA(create-react-app) + TypeScript 환경 빌드 퍼포먼스 최적화

이 글은 Create React App(CRA)과 TypeScript 환경에서 발생하는 느린 빌드 속도 문제를 해결하고 배포 시간을 8배 단축한 경험을 공유합니다. 초기에는 소스맵 생성 및 Sentry 연결 제거, Terser Plugin의 병렬 프로세스 수 증량, 빌드 머신 사양 업그레이드 등의 방법을 시도했지만 큰 효과를 보지 못했습니다.

근본적인 해결을 위해 CRA의 TypeScript 빌드 프로세스를 분석하고, 타입 검사 시간을 단축하기 위한 `fork-ts-checker-webpack-plugin` 설정 최적화 및 Babel 설정을 통한 타입 정보 제거 등의 방법을 적용하여 빌드 퍼포먼스를 크게 향상시켰습니다. 이를 통해 개발팀의 빠른 반복 작업이라는 목표 달성에 기여했습니다.