[TypeScript] 시작하기

TypeScript 개요

• TypeScript는 JavaScript언어의 문법을 대부분 그대로 가져옴
• 하지만 JavaScript의 장점이자 단점인 부분이 자료의 타입에 대해서 굉장히 너그러운 편이라는 것

  // JavaScript
  let num1 = 1;
  let num2 = '1';
  console.log(num1 == num2) // true => 숫자 문자 신경 X
  console.log(num1 === num2) // false => 비교적 엄격한 비교

• 이를 보완한 언어가 TypeScript

  let num1:number = 1;
  let num2:string = '1';
  console.log(num1 == num2) // false

• 자료형에 대한 엄격한 검사 지원
• 상세한 에러 메시지 지원

TypeScript 준비사항

• 최신버전 Node.js
• (VScode기준) 터미널에서 TypeScript 설치

  // Mac 기준
  sudo npm install -g typescript

• 파일명.ts로 파일 생성
• but 브라우저는 ts파일을 읽지 못함 => js파일로 변환 필수!!

• 변환을 위해 할 일이 두 가지 있는데
  1. tsconfig.json파일 만들기
  2. 터미널에서 tsc -w 입력하기

  // tsconfig.json 일반적 설정
  {
      "compilerOptions" : {
          "target": "es5",   // 변환 js파일 버전
          "module": "commonjs"   // import 방식
      }
  }

  	- 상세한 내용은 공식 문서 참고(https://www.typescriptlang.org/tsconfig)

• 여기까지하면 자동으로 ts파일과 동일한 이름의 js파일이 생성되어 코드 입력, 저장 할 때마다 클론이됨
• 종료는 터미널에서 ctrl+c 누르기