[TIL] Typescript

JongYeon·2025년 3월 6일

TIL

목록 보기
39/69
post-thumbnail

🖥️Typescript

타입스크립트는 자바스크립트의 모든 기능을 포함하는 상위 집합의 언어다.
타입스크립트는 정적 타입 시스템이다.
타입스크립트는 구조적 타입 시스템이다.

정적 타입 시스템

프로그램이 실행되기 전 타입을 고정시켜놓는 시스템이다.

자바스크립트는 동적 타입 시스템으로 프로그램이 실행된 이후 타입이 결정된다.

예시

레시피를 보고하는 요리를 예시로들 수 있다.

  • 필요한 재료들을 적는 것이 타입 선언
  • 필요한 재료들을 맞게 구매했는지 확인하는 것이 타입 점검
  • 재료들을 가지고 요리하는 것이코드 작성

동작 원리

간단하게 요약하자면,컴파일러가 코드를 분석하고, 오류가 없으면 자바스크립트 코드로 100% 변경시키는 원리다.

구조적 타입 시스템

값의 형태와 구조에 따라 타입이 결정되는 시스템이다.
구조적 타입 시스템에서는 두 개체가 동일한 구조를 가지고있으면 동일한 타입으로 간주되는 시스템이다.

어노테이션

어떤 값이 어떤 타입을 참조하고 있는지 직접 타입을 작성하여 타입스크립트에게 알려주는 행동이다.
:기호를 사용하여 타입을 선언한다.

타입 추론

타입을 명시적으로 작성하지않아도 컴파일과정에서 코드의 문맥을 읽고 타입을 자동으로 추론하는 것이다.

제네릭

타입을 마치 클래스나 함수 등에서 파라미터처럼 사용하는 것

제네릭 유틸리티 타입

제네릭을 통해서 타입을 효율적으로 사용할 수 있게 해주는 타입
타입을 통해 간단한 계산을 해주는 타입

  • Pick
  • Omit
  • Exclude
  • Partial⭐
  • Readonly 상수에 적용하면 좋음
  • Record⭐
  • Extract
  • ReturnType⭐ <typeof>
  • Parameterts <typeof>
  • Awaited
profile
프론트엔드 공부중

0개의 댓글