React + TypeScript 시작하기

사용하는 이유

개발 중 데이터 타입 측면의 실수가 있을 때, 그냥 넘어가지 않고 사용자에게 알려줌

특이사항

확장자 js => tsx로 변경하기
라이브러리 설치도 조금 다름

Installation (터미널)

(1) React + TypeScript

npx create-react-app 내 앱 이름 --template typescript

(2) Styled-components를 사용한다면 설치 (선택)

npm install styled-components
npm install --save @types/styled-components

root 오류시 해결하기

index.js

const root = ReactDOM.createRoot
(document.getElementById("root") as HTMLElement);

로 바꾸면 해결 !