목록2025/06 (1)

집중 맞은 도둑력

React에서 key 속성은 어떤 역할인가요?

React의 Key 속성의 역할1. Key 속성이란?React에서 key 속성은 리스트의 각 항목을 고유하게 식별하기 위해 사용되는 특별한 속성입니다. React의 Reconciliation(재조정) 과정에서 DOM 요소를 효율적으로 업데이트하는 데 핵심적인 역할을 합니다.// 기본 사용법{items.map((item) => ( {item.name}))}2. Key가 필요한 이유2.1 React의 Diffing 알고리즘React는 가상 DOM을 비교할 때 다음과 같은 규칙을 따릅니다:같은 타입의 엘리먼트: 속성만 업데이트다른 타입의 엘리먼트: 전체 트리 재생성자식 엘리먼트들: 기본적으로 인덱스 기반 비교2.2 Key 없을 때의 문제점// ❌ 문제가 되는 예시function TodoList() { co..
React 2025. 6. 18. 12:32
이전 Prev 1 Next 다음