Babel
Babel은 최신 JavaScript 코드를 구형 브라우저에서도 실행할 수 있도록 변환해주는 컴파일러입니다. React 코드에서 JSX 문법을 사용하기 위해 Babel이 필요합니다.
Webpack
Webpack은 모듈 번들러로, 여러 파일들을 하나로 묶어줍니다. React 프로젝트에서 Webpack은 JavaScript 파일뿐만 아니라 CSS, 이미지 파일 등을 포함한 다양한 파일을 번들링하는 데 사용됩니다.
ESLint
ESLint는 JavaScript 코드를 분석하여 문제를 찾아내고, 코드 스타일을 일관되게 유지하도록 도와주는 도구입니다. React 프로젝트에서 코드 품질을 유지하기 위해 사용됩니다.
Create React App
이 도구들을 각각 설정하는 대신, Facebook에서 제공하는 Create React App(CRA)을 사용하면 기본적인 설정이 모두 포함된 React 프로젝트를 쉽게 생성할 수 있습니다. CRA는 Babel, Webpack, ESLint가 기본적으로 설정되어 있는 React 프로젝트 템플릿을 제공합니다.
