타입스크립트 핵심 개념 마스터하기: 초보자 가이드
AI Store에서 AI코딩으로 만들어진 앱을 만나보세요!
지금 바로 방문하기

타입스크립트 핵심 개념 마스터하기: 초보자를 위한 가이드

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

초보 및 중급 TypeScript 개발자

  • 난이도: 중간 (기본 문법 이해가 전제됨)

핵심 요약

  • 선택적 속성 (phone?: string)은 필수 값이 아닌 경우를 처리할 수 있음
  • 읽기 전용 속성 (readonly id: string)은 할당 후 값 변경을 방지
  • 기본값 설정 (quantity: number = 1)은 호출 시 생략 시 기본값 사용 가능

섹션별 세부 요약

1. 선택적 속성(Optional Properties)

  • phone?: string으로 속성을 선택적으로 정의 가능
  • Customer 타입에서 phone은 생략 가능
  • customer1 객체는 phone 속성을 생략해도 타입 검증 통과

2. 읽기 전용 속성(Readonly Properties)

  • readonly id: string으로 값 변경 불가능
  • order.id = "ord124"는 에러 발생 (읽기 전용)
  • 배열에도 readonly number[]로 불변성 강제

3. 함수 매개변수 기본값(Default Values)

  • quantity: number = 1로 호출 시 생략 시 1로 설정
  • makeLemonade() 호출 시 1잔 기본 생성
  • API 설계 시 유연성과 안정성 향상

4. 핵심 기능 비교 표

| 기능 | 구문 | 목적 |

|--------------|-------------------|-------------------------------|

| 선택적 | phone?: string | 필수 값이 아닌 경우 처리 |

| 읽기 전용 | readonly id | 변경 불가능한 값 보장 |

| 기본값 | quantity = 1 | 생략 시 기본값 제공 |

결론

  • 실무 적용 팁: 선택적 속성은 API 유연성 확보, 읽기 전용은 데이터 안정성 강화, 기본값은 로직 복잡성 감소에 활용
  • 예시: 주문 시스템에서 phone?: string으로 연락처 생략 허용, readonly id으로 주문 ID 변경 방지
  • 핵심: 타입스크립트의 유연한 타입 시스템을 통해 코드 안정성과 가독성 동시에 향상 가능