React 에 Typescript 적용하기(1)

설치하기

npm i react react-dom (react 설치)
npm i typescript (typescript 설치)
npm i webpack webpack-cli -D (webpack 설치)
npm i awesome-typescript-loader -D (webpack과 typescript를 연결하기 위한 awesome-typescript-loader설치)

ts-loader를 사용하지 않는 이유는 babel과의 연동이 되지 않기 때문에 😁

npm i @type/react @types/react-dom (react는 javascript로 되있으나 DefinitelyTyped에서 제공해주는 type을 이용하여 typescript를 사용할 수 있다.)

실행

typescript와 webpack을 연결하여 사용할 것이기 때문에 npx tsc대신에
package.json 에서 script를 변경하여 npm run dev를 사용하거나

"script" : {
  "dev": "webpack"
}

npx webpack을 사용하여 실행 할 수 있다.