FE- Typescript

1.TypeScript - DOM Property의 제한 (Property '' does not exit on type '')

post-thumbnail

다음 자바스크립트 코드는 DOM의 이벤트에 리스너로 받는 코드이다.위의 코드는 아직 아무런 문제점을 일으키지 않는다.하지만 위의 코드를 typescript로 작성하게 되면 문제가 발생한다.위의 코드에서 parameter 부분만 e: Event로 바꾸어보자이는 curre

2021년 1월 9일

2.Non Null Assertion (Type 'null' is not assignable to type ''.)

post-thumbnail

DOM 객체를 받아올때나, 변수를 할당할때 null 값일 가능성이 있다..이때 null 값이 아니라고 분기처리를 하는 것이 가장 기본적인 방법이지만, 더 편리한 방법을 찾고 싶다.type annotation 과 함께 사용한다면, null 값일 경우를 고려하라는 오류를

2021년 1월 9일

3.TypeScript - number을 이용하여 boolean을 나타낼 수 있는가? (Type '() => number' is not assignable to type '() => boolean'.)

post-thumbnail

JavaScipt를 비롯한 다른 언어에서는 number 또는 integer 타입들에 대해 boolean 으로 자동으로 conversion을 해준다.0이면 false 로 다른 모든숫자는 true로 conversion을 해준다.이를 바탕으로 boolean value에 할

2021년 1월 9일

4.index Signature (동적으로 Object에 property 추가하기)

post-thumbnail

JS에서는 key의 type으로 number , string , symbol 을 이용하여 dynamic 하게 object에 property를 추가할 수 있다.점 표기범 (dot-notation) 이나 괄호 표기법 (bracket-notation) 둘다 지원한다.단,

2021년 1월 10일