[Typescript] React Typescript 생성하기

 

 

2022.02.09 - [typescript] - [Typescript] 타입스크립트 시작하기(Typescript)

[Typescript] 타입스크립트 시작하기(Typescript)

---

react를 설치하기 위해서는 node 의 버전이 14 또는 그 이상이어야 합니다.

노드 버전이 맞지 않은 경우, nvm을 통해 버전 변경을 해야 합니다.

 

2021.12.30 - [mac] - mac - nvm으로 노드 버전 관리하기

mac - nvm으로 노드 버전 관리하기

 

노드 버전을 바꿔 주었다면, Typescript teplate를 적용한 react를 만들면 됩니다.

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

# or

yarn create react-app my-ts-app --template typescript

 

설치가 완료되었다면 다음과 같이 src 폴더 안의 파일이 ts, tsx 파일로 생성된 것을 확인할 수 있습니다. 

 

my-ts-app 경로로 이동을 하고, npm start 또는 yarn 이 설치되었다면 yarn start를 하면 실행되는 것을 확인할 수 있습니다.

localhost:3000 으로 브라우저를 실행하면 다음과 같은 화면이 나오면서 성공적으로 동작하는 것을 확인할 수 있습니다.

 

 

 

---

참고:

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

Adding TypeScript | Create React App