[TS] TypeScript 개발 환경 구축 및 컴파일러 사용 📚

1. Node.js 설치

node.js 설치 주소 - https://nodejs.org/en/

• v14.17.0 LTS
• v16.3.0 Current - 둘 중 하나 선택해서 설치 (추천 : LTS)

node.js version manager

• nvm
• n - 둘 중 하나 선택해서 설치 (추천 : nvm)

nvm mac os에서 설치하는 방법

nvm 설치 주소 : https://github.com/nvm-sh/nvm

1. 터미널에서 다음과 같이 실행

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

2. 다음과 같은 출력문이 나오는지 확인

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

3. 설치 확인
   nvm ls

4. 3번 실행 후 nvm: command not found 같은 결과가 나올 때

• bash: source ~/.bashrc

• zsh: source ~/.zshrc

• ksh: . ~/.profile

5. 다시 설치 확인
   commnad -v nvm
   - 결과가 nvm이 나온다면 성공적으로 설치 완료

2. 타입스크립트 컴파일러 설치

방식은 2가지
1. npm

• 설치방법
  mkdir typescript-basic : 폴더 생성
  npm init -y : npm default setting
  npm i typescript : typescript 설치

2. Visual Studio plugin 설치

• Visual Studio 2017 / 2015 Update 3에서는 디폴트로 설치되어 있음
• 아니면 설치

3. IDE 설치

• Visual Studio
• Visual Studio Code : typescript의 지원 빵빵
• Webstrom 등등

4. 간단한 컴파일러 사용 예제

1. 타입스크립트 컴파일러를 글로벌로 설치한 후,
   • 터미널에서 tsc source.ts
2. 프로젝트에 타입스크립트 컴파일러를 설치한 후,
   • package.json에 scripts에 "transpile": "tsc" 추가 -> 터미널에서 npm run transpile test.ts