2026.08.07 · 17 min
React는 왜 key를 요구할까 — diffing부터 Fiber까지
리스트를 렌더링할 때 key를 넣으라는 경고의 이유를 따라가 보면 Map 조회, 속성 단위 비교, 그리고 Fiber라는 자료구조까지 이어진다. React가 O(n³) 문제를 O(n)으로 만든 방법을 정리했다.
#React #key #Virtual DOM #Reconciliation #Fiber #렌더링 최적화
리스트를 렌더링할 때 key를 넣으라는 경고의 이유를 따라가 보면 Map 조회, 속성 단위 비교, 그리고 Fiber라는 자료구조까지 이어진다. React가 O(n³) 문제를 O(n)으로 만든 방법을 정리했다.
e.nativeEvent.isComposing을 활용하여 한글 입력 시 keydown 이벤트가 중복 실행되는 문제를 해결하는 방법을 소개합니다.
이 글에서는 React Query에서 useLazyQuery를 사용하여 데이터 페칭을 효율적으로 관리하는 방법을 다룬다. 코드 예제와 함께 실습을 통해 useLazyQuery의 기본 사용법을 알 수 있다.