← Back to NOTES 🌰 ← Back to Effective TypeScript

← 아이템 42 - 모르는 타입의 값에는 any 대신 unknown을 사용하기

핵심 요약

전역 변수나 DOM에 데이터를 저장하지 말고, 데이터를 분리해서 사용해야 한다. 내장 타입에 데이터를 저장해야 하는 경우, 안전한 타입 접근법 중 하나(보강 또는 사용자 정의 인터페이스로 단언)를 사용해야 한다. 보강 사용 시에는 모듈 영역 문제를 이해해야 하며, 궁극적으로는 몽키 패치를 남용하지 않고 더 잘 설계된 구조로 리팩터링해야 한다.

자세한 내용

몽키 패치란?

정의: 객체와 클래스에 임의의 속성을 추가할 수 있는 JavaScript의 유연한 기능

사용 예시:

• window나 document에 값을 할당하여 전역 변수 만들기
• DOM 엘리먼트에 데이터 추가
• 내장 기능의 프로토타입에 속성 추가

특징:

• jQuery 코드에서 흔하게 사용됨
• 프로토타입 체인을 통해 모든 인스턴스에 영향

몽키 패치의 문제점

설계 관점:

• 전역 변수를 생성하여 멀리 떨어진 부분 간 의존성 발생
• 부작용을 고려해야 함
• 좋은 설계가 아님

TypeScript 관점: