큰 꿈은 파편이 크다!!⚡️

15. 동적 데이터에 인덱스 시그니처 사용하기 JS 객체는 문자열 키를 타입의 값에 관계없이 매핑한다. TS에서는 타입에 인덱스 시그니처를 명시하여 매핑을 표현할 수 있다. type Rocket = {[property: string]: string}; const rocket: Rocket = { name: 'Falcon 9', variant: 'v1.0', thrust: '4,940 kN', }; // OK 인덱스 시그니처 [property: string]: string 의 의미 키의 이름: 키의 위치만 표시하는 용도 키의 타입: string | number | symbol이어야하지만 보통 string 사용 값의 타입: 무엇이든 단점도 있다. 잘못된 키를 포함한 모든 키를 허용하게 되거나, 특정 키가 필..

2장 (2)를 작성하며.. 사실 2장에 들어가면서부터 꽤 어려운 개념들이 나오는건지 책을 읽어나가기가 쉽지않았다 ㅎㅎ 개념도 그렇고 한글 문장 자체도 쉽게 이해되지는 않았다. 무엇보다 몇 주만에 다음 장을 다시 읽다보니 분명히 이해했고, 너무 감명깊게 읽었던 앞 장의 내용들이 기억이 나지 않았다.. 역시 읽을때 이해하는 것만으로는 머릿속에 들어오지 않나보다. 11. 잉여 속성 체크의 한계 인지하기 구조적 타이핑 관점에서 보면 아래 코드는 오류가 나타나지 않아야 한다. 그럼에도 불구하고 나타나는 이유는 잉여 속성 체크가 수행되었기 때문이다. 타입이 명시된 변수에 객체 리터럴을 할당할 때, TS는 해당 타입의 속성이 있는지, 그리고 그 외의 속성은 없는지 확인한다. interface Room { numDoo..

2장 타입스크립트의 타입 시스템 (1)편에 들어가며 2장은 양이 생각보다 아주 매우 너무나 많아서 부득이하게 세 챕터로 나눠서 작성한다. (페이지 수가 1장의 거의 세 배) 6. 편집기를 사용하여 타입 시스템 탐색하기 TS를 설치하면 타입스크립트 컴파일러(tsc), 단독으로 실행할 수 있는 TS서버(tsserver)를 실행할 수 있다 - TS서버에서도 설정을 통해 편집기 자동완성, Go to Definition 등의 기능을 꼭 사용하자! - 편집기에서 함수 또는 변수 위에 커서를 올리면 추론된 타입이 나타난다. 만약 기대한 타입과 다르다면 타입 선언을 직접 명시하자 7. 타입이 값들의 집합이라고 생각하기 🧐 이 아이템은 엄청 헷갈렸다.. - 코드가 실행되기 전, 즉 TS가 오류를 체크하는 순간에 변수는 ..

들어가며 타입스크립트는 지금 회사에서도 사용하고 있지만 굉장히 얕은 지식과 스킬들로 연명하고 있는 느낌을 지속적으로 받았다. 사실 학습해야할 게 많다보니 우선순위에서 밀리기도 하던 중에.. 이펙티브 타입스크립트 스터디에 참여하게 되었다. 확실히 오프라인 스터디를 하면 책임감이 생겨 더 열심히 하는 것 같다 ^^ 스터디를 계기로 학습 내용을 기록하고자 한다. ⚠️ - 이펙티브 시리즈는 초급자를 대상으로 하는 책이 아니다. 책의 서문에도 나와있듯이, 초급자/중급자가 전문가로 발전할 수 있을 정도의 난이도를 제공한다. - 책의 모든 내용을 요약하는 것이 아닌, 읽어보며 정리하고 싶은 내용+스터디 내용+내가 궁금해서 찾아본 내용 등, 책을 기반으로 재구성한 혼합체..에 가깝다. - 이하 작성의 편의를 위해 타입..