한 눈에 보는 타입스크립트
    • 01
      Intro
    • 02
      타입스크립트 개요
    • 왜 타입스크립트인가?
      타입스크립트 사용법
      타입스크립트의 기능
    • 03
      개발환경
    • VSCode와 WebStorm
      컴파일러 설치
      TypeSrcipt Playground
      Repl.it
      Parcel
      TS Node
    • 04
      타입 기본 (Types)
    • 타입 지정
      타입 에러
      타입 선언1
      타입 선언2
      타입 선언3
      타입 선언4
      타입 추론 (Inference)
      타입 단언 (Assertions)
      타입 가드 (Guards)
    • 05
      인터페이스 (Interface)
    • 인터페이스란
      읽기 전용 속성 (Readonly properties)
      함수 타입
      클래스 타입
      인덱싱 가능 타입 (Indexable types)
      인터페이스 확장
    • 06
      타입 별칭 (Type Aliases)
    • 타입 별칭에 대하여
    • 07
      제네릭 (Generic)
    • 제네릭이란
      제약 조건 (Constraints)
      조건부 타입 (Conditional Types)
    • 08
      함수
    • this
      오버로드 (Overloads)
    • 09
      클래스
    • 클래스란
      클래스 수식어 (Modifiers)
      추상 (Abstract) 클래스
    • 10
      Optional
    • 매개 변수(Parameters)
      속성과 메소드(Properties and Methods)
      페이닝 (Chaining)
      Nullish 병합 연산자
    • 11
      모듈
    • 내보내기 (export)와 가져오기 (import)
      모듈의 타입 선언1 (Ambient module declaration)
      모듈의 타입 선언2 (Ambient module declaration)
    • 12
      TS 유틸리티 타입
    • TS 유틸리티 타입에 대하여
      Partial
      Required
      Readonly
      Record
      Pick
      Omit
      Exclude
      Extract
      NonNullable
      Parameters
      ConstructorParameters
      Return Type
      Instance Type
      ThisParameterType
      OmitThisParameter
      ThisType
    • 13
      참고 자료 (References)
    • 참고 자료
    컴파일러 설치
    03 개발환경
    컴파일러 설치

    tsc 명령을 사용하기 위해 다음과 같이 타입스크립트를 전역 설치할 수 있습니다.
    타입스크립트 파일을 경로로 지정하면 해당 파일을 컴파일합니다.

    shell

    혹은, 단일 프로젝트에서만 사용하길 희망하는 경우 일반 지역 설치 후 npx tsc 명령으로 실행할 수도 있습니다.

    shell
    shell

    혹은 아래와 같이 tsconfig.json 파일로 옵션을 관리할 수 있습니다.
    "include"와 "exclude" 옵션을 같이 추가해, 컴파일에 포함할 경로와 제외할 경로를 설정할 수 있습니다.

    VScode와 WebStorm을 사용하는 경우, tsconfig.json 파일을 프로젝트 루트 경로에 생성하면 에디터에 의해 구성 옵션이 분석됩니다.

    json
    shell
    질문하기