TypeScript 개요
- TypeScript: JavaScript + 정적 타입
- JavaScript: 동적 타입 언어
타입 개념
- 동적 타입: 프로그램 실행 후 타입 결정
- 정적 타입 사용 이유: 프로그램 실행 전 오류를 미리 예측하고 발견
컴파일
- 컴파일: A라는 언어를 B라는 언어로 변환하는 과정 (런타임 이전 과정)
프로젝트 생성
- 명령어:
yarn create vite [*projectname] --template react-ts
타입 종류
- 열거형 (enum): 고정 값 집합
- readonly: 읽기 전용
인터페이스 vs 타입 별칭
- 인터페이스 (interface): 확장성에서 우위
- 타입 별칭 (type alias): 다양한 타입 지정에 유리 (개인적으로는 더 편해보임)
제네릭
- 제네릭: 타입이나 클래스에서 함수 인자처럼 사용
유틸리티 타입
- 유틸리티 타입: 제네릭을 사용하여 타입을 효과적으로 활용
- Record: 특정 키와 값 정의
- Extract: 특정 타입 추출
- typeof: 변수의 타입 추출
- ReturnType: 함수의 반환 타입 추출
- Parameters: 함수의 매개변수 타입 추출
- Awaited: Promise 결과 타입 추출
derek