타입스크립트는 브라우저의 HTML 구조를 직접 들여다볼 수 없으므로, document.querySelector로 가져온 태그가 `div`인지 `input`인지 알 수 없습니다. 이럴 때는 안전을 위해 as HTMLInputElement 처럼 개발자가 직접 태그의 정체를 보증해 주어야 합니다.
document.querySelector
<input id="user-name" type="text">