올리브영 타입스크립트로 알아보는 타입과 타입 시스템

간단 소개

올리브영의 타입스크립트 도입 사례를 통해 타입 시스템의 기본 원리, 타입 검사, 서브타입, 다형성 개념을 설명합니다.

AI Summary

타입스크립트와 타입 시스템
- 올리브영은 프론트엔드 개발에 타입스크립트를 도입하여 타입 검사기를 활용, 코드의 안정성과 개발 생산성을 향상시키고 있다.
- 타입스크립트는 타입을 통해 프로그램의 모순을 검사하고, 컴파일 단계에서 에러를 검출하며 자동 완성 기능을 제공한다.
타입 검사 원리와 서브타입
- 타입 검사기는 환원주의적 관점에서 단순한 것부터 복잡한 것으로 확장하며 타입 오류를 검사한다.
- 서브타입 관계는 타입 간의 대입 가능성을 정의하며, 다형성을 통해 하나의 값이 여러 타입에 속할 수 있게 한다.
- 타입스크립트는 구조적 타이핑을 채택하여 타입 간 구조를 공유하면 서브타입 관계가 성립되도록 한다.
다형성의 활용
- 서브타입에 의한 다형성은 타입에 유연성을 부여하여 코드 재사용성을 높이고, 올리브영의 상품 카드 컴포넌트 예시처럼 다양한 상품 타입에 대응할 수 있게 한다.
- 함수 타입에서도 서브타입 관계를 활용하여 기존 함수를 재활용하고, 타입 안전성을 확보할 수 있다.