[typescript] create-react-app으로 이미 만들어진 프로젝트에 타입스크립트 적용하기!

박소정·2022년 8월 10일
0
post-thumbnail

create-react-app으로 이미 프로젝트를 만들었는데 리팩토링 하는 과정에서 타입스크립트를 적용해야하는 일이 생겼다!

create-react-app 공식문서에 따르면 이미 만들어진 프로젝트에는

//npm 을 사용할 경우,
npm install --save typescript @types/node @types/react @types/react-dom @types/jest

//yarn을 사용할 경우,
yarn add typescript @types/node @types/react @types/react-dom @types/jest

이렇게 설치를 해주고 파일의 확장자를 index.tsx 이렇게 수정해주면 기존의 js파일이 타입스크립트로 전환된다고 한다!


이렇게 타입스크립트 파일로 바꿔주면 타입이 없어서 에러가 많이 뜨는데 이 에러들을 해결해 나가면서 타입스크립트를 공부해야겠다 아자!


참고자료
https://create-react-app.dev/docs/adding-typescript/

0개의 댓글