본문 바로가기

TIL/기록

[TIL] TypeScript 설치

TypeScript로 인해 달라진 점

- code를 입력하는 순간 에러 메시지를 발생시킨다

- 컴파일 시간에 오류 캐치 

 : 정의되지 않은 프로퍼티를 연산하여 NaN이 되는 현상을 미연에 방지할 수 있다. 

 

  • https://github.com/coreybutler/nvm-windows/releases 페이지로 접속하면 nvm-windows 인스톨러 다운로드 페이지로 이동된다.
  • 여기서 스크롤을 조금만 내리시면 Assets라는 섹션을 본다. 이 섹션에서 nvm-setup.exe 파일을 다운로드 받아서 실행시킨다. 
  • 설치가 완료되었다면 nvm이라는 커맨드를 PowerShell에서 실행해서 실행되는지 본다.
  • PowerShell에서 nvm install [설치할 노드 버전]명령을 실행하여 Node.js를 설치한다.
// 노드 버전 18 설치
nvm install 18

 

 

  • PowerShell에서 nvm use [설치한 노드 버전] 명령을 실행하여 Node.js를 활성화
nvm use 18.16.0

 

  • PowerShell에서 npm -v 명령어로 npm이 제대로 설치되었는지 확인
npm -v

 

 

  • npm으로 글로벌하게 TypeScript 설치를 해보자. 명령 프롬프트(cmd)를 실행시키기. 명령 프롬프트에서 npm install typescript -g를 실행하여 TypeScript를 글로벌하게 설치.
npm install typescript -g

 

 

  • 명령어 실행이 끝나면 명령 프롬프트에 tsc 명령어를 실행시킨다. 명령어가 제대로 실행이 되면 TypeScript가 제대로 설치가 된 것.
 tsc

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

'TIL > 기록' 카테고리의 다른 글

[TIL] generic(제네릭)  (0) 2024.03.06
[ TIL] 함수에서 타입스크립트 사용하기  (0) 2024.03.05
[TIL] Mutation  (0) 2024.02.27
[TIL] React Query  (0) 2024.02.24
[TIL] 로그인 후 특정 페이지  (0) 2024.02.22