78일차 TIL : 타입스크립트

타입스크립트의 정의

타입(=자료형)을 지정하는 자바스크립트

자바스크립트 vs 타입스크립트

-	자바스크립트	타입스크립트
Type	동적 타입	정적 타입
Time	런타임(프로그램이 실행되는 과정)	컴파일타임(소스코드가 변환되는 과정)

세팅하기

1. yarn init -y
2. yarn add typescript
3. npx tsc --init

   3번 명령어 실행 후 No inputs were found in config file (파일경로) 에러 발생

   ➡️ VSCode 재부팅해서 해결
   📌 참고한 블로그

4. tsconfig.json에서 target과 module 지정

• target
  타입스크립트를 target의 값으로 주어진 자바스크립트 버전으로 변환
• module
  타입스크립트에서 자바스크립트로 변환될 때 import 문법을 어떤식으로 변환할 지 정의

  ⚠️ target값을 변경하자 the file is in the program because default library for target 'target값' 에러 발생

  ➡️ 익스텐션에서 JavaScript and TypeScript Nightly 설치 후 해결

5. npx tsc
   타입스크립트 파일을 자바스크립트로 변환하는 명령어. 브라우저는 타입스크립트를 이해하지 못하기 때문에 자바스크립트로 변환하는 작업이 필요하다.

사용하기

let example: string = "this is type script."

변수명 뒤에 : 형식으로 타입을 표기한다.

타입스크립트에서 콘솔 확인하기

1. npm install -g ts-node 설치
2. ts-node ./파일명으로 확인