Webpack, TypeScript, React 이용 프로젝트 시작 순서

프로젝트 세팅 순서

1. npm init
   package.json 생성.

2. npm i typescript
   타입스크립트 설치

3. npm i react react-dom
   리액트 설치

4. npm i webpack webpack-cli -D
   개발용으로 웹팩 설치
   타입스크립트를 사용하지 않으면 babel-loader를 설치해서 웹팩과 바벨을 연결해주었지만,
   타입스크립트에는 기능을 내장하고 있어 ts-loader 혹은 awesome-typescript-loader 를 설치한다.

5. npm i awesome-typescript-loader

6. npm i @types/react @types/react-dom
   타입스크립트용 리액트 설치

7. package.json script부분 명령어 수정

   "scripts": {
       "dev": "webpack"
     },

8. webpackconfig.ts 파일 생성 후 webpack 셋팅

9. tsconfing.json 파일 생성 후 타입스크립트 셋팅

10. npm run dev로 실행