← Back to NOTES 🌰 ← Back to Effective TypeScript

← 아이템 17 - 변경 관련된 오류 방지를 위해 readonly 사용하기

핵심 요약

인터페이스에 새로운 속성을 추가할 때, 관련된 값과 타입을 동기화하려면 매핑된 타입을 사용해야 한다. 매핑된 타입은 한 객체가 다른 객체와 정확히 같은 속성을 가지게 할 때 이상적이며, 타입 체커가 속성 추가나 변경 시 강제로 업데이트하도록 만들 수 있다.

자세한 내용

렌더링 최적화 방법

UI 컴포넌트에서 특정 속성이 변경될 때만 렌더링되도록 최적화하는 두 가지 접근법:

1. 실패에 닫힌 접근법 (보수적)

• 모든 속성을 순회하며 변경 여부 확인
• 차트가 정확하지만 너무 자주 그려질 가능성 있음
• 새로운 속성 추가 시 자동으로 반영됨

2. 실패에 열린 접근법

• 렌더링이 필요한 속성만 명시적으로 확인
• 불필요한 렌더링은 없지만 누락 위험 있음
• 새로운 속성 추가 시 수동 업데이트 필요

3. 매핑된 타입 사용 (권장)

• 타입 체커가 누락된 속성을 자동으로 감지
• 실패에 닫힌 접근법의 안전성 제공
• 개발자가 명시적으로 선택하도록 강제