쭈링이.log 쭈링이.log

Typescript DOM 제어 javascript 에서 DOM 조작 및 제어를 할땐 타입과 상관없이 조작하지만 typescript 에선 조작 및 제어를 하기위한 HTML 태그의 타입으로 Narrowing 처리를 해야한다. tsconfig.json 파일에서 Null 체크를하기위해 옵션을 추가해야한다. "strictNullChecks": true//엄격한 null타입 체크 HTML 태그 속 글자 변경 예시 타이틀입니다. 위의 html태그의 글자를 변경하기위해 타입스크립트에서 narrowing 처리를 해야한다. let title = document.querySelector('#title'); title.innerHTML = '타이틀 변경'; // narrowing이 필요하다. 에러 // narrowing 처..

Tyepscript Narrowing Tyepscript Narrowing이란 타입이 하나로 확정되지 않았을 경우 Type Narrowing을 통해 타입을 조건별로 나누어주는것이다. function myFn(x: number|string): number {// 파라미터 타입이 하나로 정의되어있지 않다. return x + 10; } 위의 함수에러를 수정하기위해 Narrowing을 해줘야한다. Typeof 연산자 typeof 란 대표적으로 사용되는 Narrowing 방법중 하나는 typeof 연산자를 사용하여 처리하는것이다. function myFn(x: number | string) {// 2가지 타입이 들어올 수 있다. if (typeof x === 'string') {// typeof 연산자를 통해 ..