logo
Search검색어를 포함하는 게시물들이 최신순으로 표시됩니다.
    Table of Contents
    [TS] 타입스크립트의 설정

    이미지 보기

    [TS] 타입스크립트의 설정

    • 23.09.17 작성

    • 읽는 데 3

    TOC

    타입스크립트 설정 이해하기

    • 타입스크립트 컴파일러는 100개 이상의 매우 많은 설정을 가지고 있다.
    • $tsc --noImplicitAny program.ts처럼 커맨드 라인에서 사용할 수 있다.
    • tsconfig.json 파일을 사용하면 프로젝트 전체에 적용할 수 있다.
    {
      "compilerOptions": {
        "noImplicitAny": true
      }
    }
    

    NoImplicitAny

    변수들이 미리 정의된 타입을 가져야 하는지 여부를 제어

    • 즉, 타입이 설정되지 않은 변수 등에 암시적으로 'any' 타입을 부여할 것인지 여부를 결정
    • noImplicitAnytrue로 설정되어 있으면 타입스크립트 컴파일러는 타입을 추론할 수 없는 경우 오류를 발생
    • 타입스크립트는 타입 정보를 가질 때 효과적이므로, js 파일을 마이그레이션 하는 경우를 제외하면 noImplicitAnytrue로 설정하는 것이 좋다.

    StrictNullChecks

    nullundefined를 각각 nullundefined로만 할당할 수 있도록 제한

    const x: number = null;
    //    ~ 'null' 형식은 'number' 형식에 할당할 수 없습니다.
    

    NoEmitOnError

    컴파일 오류가 발생하면 자바스크립트 파일을 생성하지 않도록 설정

    • 코드 생성(compile)과 타입 체크(type check)는 별개의 단계이다.
    • 그래서 타입 체크에서 오류가 발생하더라도 자바스크립트 파일로 컴파일할 수 있다.
    • noEmitOnErrortrue로 설정하면 타입 오류가 발생하면 자바스크립트 파일을 생성하지 않는다.

    References

    • NoImplicitAny [10p]
    • StrictNullChecks [11p]
    • NoEmitOnError [14p]
    profile

    FE Developer 박승훈

    노력하는 자는 즐기는 자를 이길 수 없다