[TypeScript] 시작하기

Dorong·2022년 12월 26일
0

TypeScript

목록 보기
6/15

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 누르기
profile
🥳믓진 개발자가 되겠어요🥳

0개의 댓글