일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- ESlint
- 무한 스크롤
- useAppDispatch
- Jest
- 타입 좁히기
- 인터섹션
- app router
- async/await
- RTK Query
- autosize
- 호이스팅
- recoil
- 이분 검색
- Promise
- CI/CD
- 투포인터
- 공변성
- tailwind
- TS
- Cypress
- webpack
- CORS
- map
- React
- 반공변성
- 결정 알고리즘
- SSR
- dfs
- 리터럴 타입
- 태그된 유니온
Archives
- Today
- Total
목록타입 넓히기 (1)
짧은코딩
타입 넓히기와 좁히기
타입 넓히기 런타임 시 모든 변수는 유일한 값을 가진다. 하지만 타입스크립에서는 코드를 정적 분석하는 시점에서 변수는 가능한 값들의 집합인 타입을 가진다. 즉 타입을 명시하지 않으면 타입 체커는 할당 가능한 값들의 집합을 유추한다. 이러한 과정을 타입 넓히기(widening)이라고 부른다. 타입 넓히기의 문제점 -실행은 되지만 에디터에 오류가 나는 코드 interface Vector3 { x: number y: number z: number } function getComponent(vector: Vector3, axis: 'x' | 'y' | 'z') { return vector[axis] } let x = 'x' let vec = { x: 10, y: 20, z: 30 } getComponent(ve..
TS/이펙티브 타입스크립트
2023. 3. 5. 17:42