CRA(Typescript React Project) 생성 및 설치

1. CRA를 사용하여 반응형 TypeScript 프로젝트 생성

npx create-react-app 프로젝트명 --template typescript

2. styled-components, respond-router-dom 및 swr 설치

스타일 구성 요소 설치

-> TypeScript에서 올바르게 사용하기 위해서는 styled-component의 타입을 가져와야 합니다.

npm i styled-components @types/styled-components

react-router-dom 설치

npm install react-router-dom v6

npm install react-router-dom @types/react-router-dom

npm install --save @types/react @types/react-dom

SWR 설치

npm install swr

타이프스크립트와 SWR을 다루지 않고 프로젝트를 만들려고 해서 막막하지만 차근차근 공부해서 적용해보겠습니다.

이번 기회에 신기술에 대한 두려움을 날려버리자!!!