Up stream(공변성) , Down Stream(반공변성) / 호환성
Up stream , Down Stream타입스크립트에서 공변성과 반공변성은 넓은 타입과 좁은 타입 간의 호환성에 대해 설명하는 개념적 용어로 사용한다.기본적으로 좁은 타입은 넓은 타입에 대입할 수 있지만, 반대로 넓은 타입을 좁은 타입에 대입할 수는 없다. 이를 통해 타입 간의 호환성 여부를 결정하고,이때 업스트림(upstream)과 다운스트림(downs
관련 게시물
[TS] Pick, required , Parital , Recode
Pick타입스크립트에서 일일이 매 타입을 선언하기 보다 이미 선언되어있는 리터럴의 속성의 타입을 가져 올 수 있는 타입이다.예로 아래의 UserProps 리터럴에서 에서 "name"와 "age" 가져오고 싶다면,type UserProps = { name: string; //가져올 값 age?: number; //가져올 값 married?: boo
[TS] 제네릭 extends 제약조건과 단언
제네릭 제약조건TS에서 제네릭이 알 것 같으면서도 항상 좀 딥하게 들어가면 헷갈리는 부분이 많다.제네릭 제약조건 또한 자료형에 따라 다르게 취급되고 헷갈렸던 부분 존재하는데다시 재 정의하고 찾아보기 위해서 포스팅한다.제네릭에서 타입을 제약조건을 건다면 extends 사용하여 제약조건을 할당 할 수 있다.클래스에서는 "확장" 개념으로 상속개념이지만,다르게 타
[TS] refObject , MutableRefObject
React에서 ref는 주로 DOM 요소에 접근하거나 재 랜더링하지 않고 값을 유지하거나재 랜더링을 유발하지 않으면서 상태 값을 변경하기 위해 "useRef" Hook을 사용한다.JSX에서 TSX로 마이그레이션 하면서 ref에 대한 타입도 사용 용도에 따라 명시 해줘야 했다.ref의 타입들은 공통적으로 current 속성을 참조하여 접근하거나 저장한다.1️