React with Typescript 설치

https://create-react-app.dev/docs/adding-typescript/

Adding TypeScript | Create React App

 

TypeScript를 함께하는 React프로젝트를 설치하고 사용해보자

 

 

리액트를 하면서 TypeScript를 함께 진행할 때 함께 설치를 진행해준다

npx create-react-app my-app --template typescript

 

 

만약 기존 React 프로젝트에 추가로 TypeScript를 추가한다면 아래 명령어를 적어준다

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

 

 

react에서 사용하던 파일형식이던 jsx가 아닌 typescript를 함께 사용하는 tsx형식을 사용한다.

만약 기존 프로젝트에 진행하는거라면 파일 확장자를 tsx로 바꿔준다

 

 

 

기존에 React프로젝트에서 styled-component를사용중이라면 에러 메시지가 뜰 것이다

npm i --save-dev @types/styled-components

설치하고 다시 보면 styled-components에서 에러 메시지가 멈추는 것을 볼 수 있을 것이다.