#26 타입 추론에 문맥이 어떻게 사용되는지 이해하기
·
🎨 프론트엔드 공부/JS & TS
이펙티브 타입스크립트 (댄 밴더캄 지음) 를 읽고 정리 📍요약 ✅변수를 뽑아서 별도로 선언했을 때 에러가 발생한다면 타입 선언을 추가해야한다 ✅변수가 정말 상수라면 상수 단언(at const)을 사용해야 한다 - 단, 상수 단언을 사용하면 정의한 곳이 아닌, 사용한 곳에서 에러가 발생할 수 있으므로 주의 📍튜플 사용시 타입 추론 과정에서 유의점 타입스크립트의 튜플이 배열을 만드는 [] 를 같이 사용하기 때문에 배열로 혼동되는 에러가 발생할 수 있다 - 예시 // Parameter is a (latitude, longitude) pair. function panTo(where: [number, number]) { /* ... */ } panTo([10, 20]); // OK const loc = [10, ..
#21 타입 넓히기
·
🎨 프론트엔드 공부/JS & TS
이펙티브 타입스크립트 (댄 밴더캄 지음) 를 읽고 정리 📍요약 ✅타입스크립트가 넓히기(type widening)를 통해 상수의 타입을 추론하는 법을 이해해야 한다 (const, at const 등) 📍런타임 전후의 변수 - 런타임 이후 : 유일한 값 - 런타임 이전 (정적 타입 검사) : 가능한 값들의 집합 (타입) 📍type widening - 타입을 명시하지 않으면, 지정된 단일 값을 갖고 할당 가능한 범위를 유추하는 것 - 예시 const mixed = ["x", 1]; /* mixed에 가능한 후보들 ("x" | 1)[] ["x", 1] [string, number] readonly [string, number] (string | number)[] readonly (string | number)[..