TypeScript
제네릭 컴포넌트 타입 — 재사용 가능한 <List<T>> 만들기
List, Grid, Select 같은 재사용 컴포넌트에서 item 타입 T가 뒤로 새지 않게 만드는 패턴. forwardRef 캐스팅, keyExtractor 보조 함수, discriminated prop까지.
#typescript#react#generic-component#forwardRef
React
React useRef 완벽 가이드: DOM 접근부터 컴포넌트 통신까지
useRef의 핵심 사용법을 알아봅니다. DOM 직접 접근, 렌더링 없이 값 저장, 그리고 forwardRef와 useImperativeHandle을 활용한 부모-자식 컴포넌트 통신 패턴까지 실전 예제와 함께 설명합니다.
#React#TypeScript#useRef#Hooks#forwardRef