53. 타입스크립트 기능보다는 ECMAScript 기능을 사용하기

• [기본개념] ECMAScript란?

53-1. 지양해야 할 기능들

• 타입스크립트 - 타입 정보 == 자바스크립트 가 되지 않는 기능들이다.
• [기본개념] TypeScript enum이란?
• [기본개념] 구조적 타이핑과 명목적 타이핑

53-2. 열거형(enum)

• 숫자 열거형은 이미 타입이 지정된 변수에 다른 숫자를 할당 가능하므로 매우 위험
• 상수 열거형은 런타임에 완전히 제거된다 (preserveConstEnums 플래그를 설정하면 유지)
• 문자열 열거형은 런타임의 타입 안정성을 제공하지만, 구조적 타이핑이 아닌 명목적 타이핑 사용
  • 예시

<aside> 💡 enum 대신 리터럴 타입의 유니온을 사용하자!

</aside>

53-3. 매개변수 속성

• 매개변수 속성과 일반 속성을 섞어서 사용하면 클래스의 설계가 혼란스러워진다.
• 예시

53-4. 네임스페이스와 트리플 슬래시 임포트

• 호환성을 위해 남아있는 TS 자체적 모듈 시스템

<aside> 💡 ECMAScript 스타일의 모듈 (import, export를 사용하자)

</aside>

53-5. 데코레이터

• 표준화 완료 X
• [기본개념] 데코레이터

54. 객체를 순회하는 노하우

54-1. keyof + for-in 루프

• 순회할 객체의 key의 타입을 정확하게 파악하고 있을 때 사용
• 예시

54-2. Object.entries

• 객체를 순회하는 일반적인 방법
• 예시

55. DOM 계층 구조 이해하기

55-1. EventTarget, Node, Element, HTMLElement

55-2. Event, MouseEvent

56. 정보를 감추는 목적으로 private 사용하지 않기