January 07, 2024
개요 내가 리액트를 처음 공부할 때 CRA를 활용해서 빠르게 초기 환경을 구성하는 편이었다. 그러다 작년 7월 쯤 알게 된 빌드 도구인 를 알게 된 이후로는 주로 Vite를 활용해서 개발 초기 환경을 구성해 왔었는데 문득 이런 의문이 들었다. ❓ Babel에는 JSX나 TS를 변환해주는 프리셋이 존재한다. 그런데, 타입스크립트를 사용하면 TS 컴파일러…
January 07, 2024
개요 저번 시간에 TS 컴파일러로 리액트 컴포넌트를 JS로 변환하는 과정까지 했었는데, 이번에는 모듈 번들러 Webpack을 통해서 하나의 파일로 번들링하고 실행할 수 있는 환경을 구성해보자. Webpack 설치 package.json package.json 을 수정해준다. 모든 js 파일을 기본적으로 ESM 방식으로 인식하도록 했고, 빌드와 개발 서버 …