[TS] Typescript 설치 및 간단한 초기 세팅

✅ Typescript 설치 방법

• 터미널 입력: npm install -g typescript
• 설치 후 버전 확인: tsc -v
• tsconfig.json 파일 생성: tsc --init

typescript는 javascript로 변환해야만 웹브라우저가 읽을 수 있음.
다음 명령어를 입력하게되면 ts파일을 저장할 때마다 js파일로 자동 변환되어 갱신된다.

• TS->JS 변환모드On 명령어: tsc -w

맥북을 사용하는 나는 npm install global 설치 시 보안관련 에러 때문에 sudo npm install -g typescript 해주었는데.. tsc 관련 명령어가 정상작동 하지 않았다. 아마 글로벌 설치와 관련해서 따로 설정을 해줘야할 것 같지만.. 일단 나중에 해결 하기로 하고, tsc -w 등의 명령어를 칠 때 npx tsc -w로 실행시켰다.

❓여기서 잠깐, npx란?

npx도 node.js 패키지를 실행시키는 모듈의 일종으로, npm처럼 로컬에 파일을 설치하는 것이 아닌, npx는 모듈을 로컬에 저장하지 않고, 매번 최신 버전의 파일만을 임시로 불러와 실행 시킨 후에, 다시 그 파일은 없어지는 방식으로 동작한다.

✅ tsconfig.json 파일에 입력될 내용 (간략)

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
  }
}

• target: JS로 변환할때의 ECMA 버전
• module은 commonjs가 대표적