간단하게 TypeScript + React + Webpack 구성하기

Explanation

오늘은 간단하게 타입스크립트 + 리액트 + 웹팩 구성을 만들어 보려 합니다.

예제 코드는 깃헙 저장소에 올려놓았습니다.
https://github.com/falsy/typescript-react-webpack-starter-kit

1. 패키지 설치하기

하나하나 설치하려면 힘드니까, 아래와 같은 package.json 파일을 만들고 한번에 install 할게요.

그리고 설치

우선 최종적으로 파일 구조는 아래와 같이 할꺼에요.

2. 웹팩 설정 파일 만들기

3. 타입스크립트 설정 파일 만들기

4. 타입스크립트 코드 작성하기

5. 실행

참고

https://www.typescriptlang.org/docs/handbook/react-&-webpack.html
https://typescript-kr.github.io/
https://www.kidolog.com/post/5c3dcd1dae087873de985fd3
https://vomvoru.github.io/blog/tsconfig-compiler-options-kr/