
[TS] 타입 가드
2022. 7. 25. 03:28
개발이야기/TS
위 코드에 적혀있는 컨테이너의 타입을 작성해보자. getElementById에 마우스 커서를 올려놓으면 이렇게 메세지가 뜨는걸 볼 수 있다. document.getElementById는 인자로 elementId를 받는데 : string으로 되어있다. 이건 elementId의 타입은 string이야 라고 알려주는 것이다. 다음 괄호가 닫혀있고, 콜론이 또 나오는데 이렇게 함수 인자 바로 뒤에 콜론은 이 함수의 반환값 타입이다. 이 반환값 타입은 HTMLElement 또는 null 로 둘 중에 하나가 반환될 수 있다는 의미로 이런 것을 유니온 타입이라한다. 그럼 이 반환값을 바로 container 뒤에 적용시켜 보았다. 그런데... 조금 이상하다. 위에서 분명 conatainer의 타입값을 적용시켰는데 co..