TypeScript 정리1

박상훈·2023년 2월 24일
0

TypeScript

목록 보기
1/4

제로초님 TS-github
타입스크립트 핸드북

기본 지식

  • 메인 룰: typescript는 최종적으로 javascript로 변환된다. 순전한 typescript 코드를 돌릴 수 있는 것은 deno이나 대중화되지가 않았음. 브라우저, 노드는 모두 js 파일을 실행한다.

  • typescript는 언어이자 컴파일러(tsc)이다. 컴파일러는 ts 코드를 js로 바꿔준다.

  • tsc는 tsconfig.json(tsc --init 시 생성)에 따라 ts 코드를 js(tsc 시 생성)로 바꿔준다. 인풋인 ts와 아웃풋인 js 모두에 영향을 끼치므로 tsconfig.json 설정을 반드시 봐야한다.

  • 단순히 타입 검사만 하고싶다면 tsc --noEmit 하면 된다.

  • 개인 의견: tsconfig.json에서 그냥 esModuleInterop: true, strict: true 두 개만 주로 켜놓는 편. strict: true가 핵심임.

  • ts 파일을 실행하는 게 아니라 결과물인 js를 실행해야 한다.

  • 에디터가 필수가 됨. VS Code나 웹스톰 반드시 필요. 메모장으로 코딩 불가능한 지경에 이름.

첫 설치 부터

  1. 터미널환경에서 sudo npm install -g typescript 를 입력하면
    전역 환경에서 사용할 수 있습니다.
    • sudo를 입력해주야 윈도우에서 올바른 권한을 얻을 수 있습니다.
  2. 혹은 터미널환경에서 npm init 을 입력해주면
    노드 환경이 구성이 됩니다.
  • 이때 package.json 이 설치됩니다.
  • npx tsc 를 사용 할 수 있습니다.

npx tsc --init 을 입력합니다

  • tsconfig.json 이 생성됩니다.
const a: string = "5";
const b: number = 5;
const c: boolean = true;
const d: undefined = undefined;
const e: null = null;
const f: any = true;
profile
다들 좋은 하루 되세요

0개의 댓글