설치하기

최종 수정 : 2024-05-30

React에 TypeScript 설치하기

매번 찾아보다가 번거로워서 작성하기로 결정했다. 역시 공식문서가 짱이다.

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

Adding TypeScript | Create React App

 

---

 

폴더 생성 -> VS Code로 해당 폴더 열기 -> 터미널에서 npm init -> 모두 그냥 default 값으로 설정(Enter 계속) -> npm i @types/node -> 타입스크립트 컨파일러(tsc) 설치 -> npm install typescript -g (mac : sudo npm install typescript -g) -> tsc -v를 통해 잘 설치됐는지 확인(버전 확인)

 

Q. tsc -v를 했을 때, 아래와 같은 오류가 난다면?

A. 아직 못 찾음

 

A2) npm install ts-node -g를 설치한 후, ts-node src(실행 파일의 폴더)/index.ts(실행 파일)을 입력하여 터미널 창에서 실행되게끔 한다.

 

---

global 옵션으로 설치하는 이유?

컴퓨터 모든 곳에서 사용할 수 있도록 만들기 위해