lib.dom.d.ts이란 무엇인가?

1. 정의

개발자들이 TypeScript 코드의 타입(type)을 명시한 파일

2. 특징

• 개발자들이 인터페이스의 프로퍼티와 메서드를 정의하였기 때문에 TypeScript로 기능을 개발할 경우, 해당 프로퍼티 혹은 메서드를 참고할 때 편리합니다.
• 인터페이스에 적용된 속성들이 lib.dom.d.ts 파일에 있을 경우, 에디터에서 해당 인터페이스를 입력하면 속성들이 리스트 형태로 표시됩니다.

3.  lib.dom.d.ts 파일을 확인하는 방법

① 'const input'에 포커스를 대고 마우스 오른쪽 버튼을 클릭하면 팝업이 나타납니다.

② 팝업에서 'Go to Type Defintion' 메뉴를 클릭합니다.

③ 화면 오른쪽에 'interface HTMLInputElement extends...'와 'declare var HTMLInputElement: {' 메뉴가 표시되는데 'interface HTMLInputElement extends...' 메뉴를 클릭합니다.

④ 그러면 HTMLInputElement 인터페이스의 프로퍼티와 메서드의 내용을 확인할 수 있습니다.

• interface : 객체
• extends : '부모 객체의 속성을 상속받는다'는 의미입니다. 그래서 샘플 코드를 살펴보면, 'HTMLInputElement 객체는 HTMLElement 객체의 속성을 상속받는다'로 이해하세요.