새롭게 리액트 프로젝트를 구축하는 경우
$ npx create-react-app [프로젝트명] --typescript
# 본인은 위의 커맨드로 구축했는데 그냥 js버전으로 나와서
# 밑의 커맨드로 구축함
$ npx create-react-app [프로젝트명] --template typescript기존에 있던 리액트 프로젝트에 타입스크립트를 적용하고 싶은 경우
$ npm install --save typescript @types/node @types/react @types/react-dom @types-jest- 타입스크립트 코드를 작성하기 위한 typescript 패키지 설치
- @types/는 각각 패키지이름 앞에 붙음으로서 node, react, react-dom, jest는 타입스크립트의 문법을 적용받게 됨
- 순수하게 프론트만의 프로젝트라면 @types/jest는 설치안해도 됨
- 설치 후에 확장자만 .tsx로 바꿔주면 됨
redux를 설치하는 경우
$ npm install redux react-redux @types/react-redux- redux는 자체적으로 타입스크립트가 지원되지만, react-redux는 아니기 때문에 타입스크립트 버전을 따로 받아준다.
'하루를 참고 인내하면 열흘을 벌 수 있고 사흘을 참고 견디면 30일을, 30일을 견디면 3년을 벌 수 있다.'