iamkanguk.dev

1장에서는 타입스크립트라는 언어에 대해서 설명을 하는 파트이다.자바스크립트와 타입스크립트의 관계에 대해서 중요하게 다루는 것 같다.아이템1: 타입스크립트와 자바스크립트의 관계 이해하기타입스크립트는 인터프리터로 실행되는 것도 아니고 C와 Java 같은 저수준 언어로 컴파일 되는 것이 아니다.또 다른 고수준 언어인 JavaScript로 컴파일 되고 실행 역시 TypeScript가 아닌 JavaScript로 이루어진다.타입스크립트는 자바스크립트의 상위집합(Superset)이다.타입스크립트의 타입 시스템은 자바스크립트 런타임 동작을 모델링한다.타입 체크를 통과해도 런타임에 오류가 발생하는 경우const names = ['Alice', 'Bob'];console.log(names[2].toUpperCase());..

최근에 타입 챌린지를 풀면서 T extends A ? B : C와 같은 코드를 많이 작성했던 것 같다. 그런데 막상 개념은 모르고 그냥 이런 느낌이구나~ 라고만 알면서 문제를 풀었던 것 같아서 찝찝했는데 공부를 하던 중 좋은 글을 확인해서 공부한 내용을 블로그에 적어보려고 한다. 참고한 블로그 링크는 아래 참고자료에 첨부 할 예정이니 참고하시면 좋을 것 같다! 1. 타입은 가능한 값의 집합이다? 타입은 가능한 값의 집합이다라는 말이 있다. 이 포스팅을 쓰기 전에는 이해가 아예 안됐다. 느낌조차도 오지 않았다 ㅠ 예를 들어 never 타입은 어떤 값도 할당할 수 없는 타입이다. 그래서 공집합({})이라고 말할 수 있다. 그런데 number 타입은 정수, 소수를 할당할 수 있는 타입이다. 이 예시를 보면 충..

코드를 작성하다가 빈 객체의 타입에 대해서 갑자기 궁금해지기 시작했다. 빈 객체에는 어떤 타입을 사용해야 할지 알아보자. 1. {} (빈 객체)의 의미 타입스크립트에서 빈 객체({})는 "any non-nullish value"를 의미한다. 다시 말해 null을 제외한 모든 값들을 허용한다는 의미이다. 실제로 다음과 같이 코드를 작성하면 에러가 나지 않는다. type EmptyObject = {}; const temp1: EmptyObject = 'hello world!'; const temp2: EmptyObject = 1111; undefined 값을 넣으면 에러는 발생한다. 프로젝트 코드를 작성하면서 이 부분을 의외로 많이 실수해서 정리하게 되었다.. 2. 어떻게 사용할 것인지? (1) 아무것도 ..