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] refObject , MutableRefObject
React에서 ref는 주로 DOM 요소에 접근하거나 재 랜더링하지 않고 값을 유지하거나재 랜더링을 유발하지 않으면서 상태 값을 변경하기 위해 "useRef" Hook을 사용한다.JSX에서 TSX로 마이그레이션 하면서 ref에 대한 타입도 사용 용도에 따라 명시 해줘야 했다.ref의 타입들은 공통적으로 current 속성을 참조하여 접근하거나 저장한다.1️
[typeScript] 함수형 Component 타입
React를 함수형 프로그래밍을 주로 사용함으로..자주 사용하는 Component 타입에 대해 정리한다.컴포넌트의 타입은 주로 반환, props 타입으로 나누어져 정의하면 된다.1️⃣ "JSX.Element " , 반환타입"반환" 을 정의하는 타입으로 가장 기본이 되는 컴포넌트로 "단일" 컴포넌트를 말한다.props을 받을 순 있지만, 명시적으로는 단일 J