Webpack ▸ React App

Webpack으로 구성하는 React 프로젝트

프로젝트 구성에 앞서

1. React는 반드시 Webpack과 함께 사용해야 할까요?

그렇지는 않습니다. 하지만 함께 사용할 수 있습니다. Webpack과 React는 서로 다른 작업을 수행합니다. 그러므로 Webpack 없이 React를 사용하는 것이 가능합니다.

React, ReactDOM + @Babel/standalone

2. Webpack을 사용하는 이유가 뭘까요?

Webpack은 JavaScript 모듈 번들러로 JavaScript 모듈 번들링에 사용되는 NPM 모듈입니다. 애플리케이션 모듈 종속성을 해결해 웹 브라우저에서 이해할 수 있는 방식으로 모듈을 연결하고 컴파일, 번들링 → 빌드합니다.

3. Webpack은 프레임 워크 인가요?

아닙니다. 프레임 워크는 보다 편리하고 다른 방식으로 코드를 작성하거나, 새로운 기능을 도입 할 수 있는 것을 말합니다. Webpack은 그 중 어떤 것도 수행하지 않습니다. 대신 코드를 최적화 하고 브라우저 환경에 맞게 조정합니다.

4. 다른 모듈 번들러를 사용해도 되나요?

네. React 애플리케이션을 작성하기 위해 다른 모듈 번들러(Parcel 등)를 사용하거나, 번들링 없이 구성할 수 있습니다.

Webpack + React 구성

자세한 구성 방법은 Webpack 러닝 가이드 북을 참고해 실습해보세요.

React App 매뉴얼 구성Webpack 러닝 가이드