타입스크립트 핵심 개념 마스터하기: 초보자를 위한 가이드
카테고리
프로그래밍/소프트웨어 개발
서브카테고리
웹 개발
대상자
초보 및 중급 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 변경 방지 - 핵심: 타입스크립트의 유연한 타입 시스템을 통해 코드 안정성과 가독성 동시에 향상 가능