tsconfig
-
Typescript - HTML DOM 제어Front-end/Typesrcipt 2023. 4. 13. 17:22
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 처..
-
Typescript - 설치 및 셋팅Front-end/Typesrcipt 2023. 4. 11. 10:46
Typescript 란 Javascript를 기반으로 타입을 추가하여 더 나은 도구를 제공하는 강력한 유형의 프로그래밍 언어이다. Typescript를 쓰는 이유 Javascript 는 Dynamic Typing(동적 타입 / week Type) 을 제공한다. Dynamic Typing 이란 변수의 타입 지정(Type annotation)없이 값이 할당되는 과정에서 자동으로 변수의 타입을 지정(타입추론 / Type Inference)해준다. 또한 같은 변수에 여러 타입의 값을 할당 할 수 있다. var str = 'Hello'; var num = 31; var strArr = ['Js', 'HTML', 'CSS']; var dynamicVariable = 'String'; console.log(dynam..