리액트 프로젝트에 타입스크립트 적용하기

📌이전에 했던 프로젝트에 타입스크립트를 적용해보면서 알게된 점들 정리

1. git clone 이후 npm 패키지, 라이브러리 등 업데이트 해주기

1. npm i -g npm-check-updates
2. ncu -u
3. npm install
   

cf. font-color에 따라 red -> major, cyan -> minor, green -> patch upgrade라고 함.
npm-check-updates

2. TypeScript를 적용하기 위해 관련 패키지들을 설치해주기

• 가장 기본적인 패키지들

  npm install typescript @types/node @types/react @types/react-dom @types/jest 또는
  yarn add typescript @types/node @types/react @types/react-dom @types/jest

• 그 외의 패키지들에 대해서는 타입스크립트가 알려주는 대로 설치하면 된다.
  (예) npm i --save-dev @types/styled-components

3. tsconfig.json 파일 만들기

tsc --init

4. 파일명 변경하기

• jsx, js 파일을 tsx, ts파일로 변경하기