React with webpack (2) — webpack설정

이 글은 React 프로젝트에서 webpack 설정을 다루는 기술 블로그 게시물입니다. React와 React DOM을 설치하고, TypeScript 및 Babel 설정을 위한 패키지들을 설치하는 과정을 상세히 안내합니다.

`@babel/preset-env`, `@babel/preset-react`, `babel-loader`, `ts-loader`, `html-loader`, `style-loader`, `css-loader` 등 다양한 로더와 플러그인 설치 및 사용법을 설명합니다. 또한, `webpack`과 `webpack-cli` 설치, `html-webpack-plugin`을 이용한 HTML 파일 생성을 다룹니다.

tsx` 파일을 만들어 기본적인 React 컴포넌트 구조를 설정하는 방법을 보여줍니다. 이 글을 통해 React 프로젝트의 초기 webpack 빌드 환경을 구축하는 데 필요한 전반적인 과정을 이해할 수 있습니다.

기 webpack 빌드 환경을 구축하는 데 필요한 전반적인 과정을 이해할 수 있습니다.