[TS/React] Create React App, JS ➡️ TS 변경

 

 

💡 타입스크립트로 CRA

 

폴더를 만들었다면 폴더 위치에서

npx create-react-app . --template typescript

 

폴더까지 새로 만든다면

npx create-react-app 원하는_폴더_이름 --template typescript

 

💡 자바스크립트로 만든 앱 TS 로 마이그레이션

한 시스템에서 다른 시스템으로 옮기는걸 Migration 이라고 한다!

 

TS 로 앱을 생성하고 src 폴더 내에 아래 파일들을 제외하고 다 지운다!

src/react-app-env.d.ts
src/reportWebVitals.ts
src/setupTests.ts

 

그리고 기존 JS 앱에서 src 내 파일들을 카피해온다.

 

마지막으로 확장자를 바꿔주자!

jsx ➡️ tsx, js ➡️ ts