타입스크립트

//타입스크립트로 cra하기

npx create-react-app project-title --template typescript

//or

yarn create react-app project-title --template typescript

 

 

 

//js파일을 타입스크립트로 바꾸기위해 설치

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

//or

yarn add typescript @types/node @types/react @types/react-dom @types/jest

tsconfig.json파일이 없다면 추가로 설정

//tsconfig.json

npx tsc --init

"jsx": "react-jsx" 추가


{
"compilerOptions": {
......
"jsx": "react-jsx"
}
}

 

 

타입스크립트에선 js확장자를 tsx로 사용

 

npx create-react-app 내 앱 이름 --template typescript
npm i --save-dev @types/styled-components
npm i styled-components

그냥 속편하게 시작부터 ts로 작성하는게 편함