본문 바로가기 메뉴 바로가기

Yung_Developer

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Yung_Developer

검색하기 폼
  • 분류 전체보기 (77)
    • 개발 일기 (14)
      • 우아한테크코스-FE (13)
    • 알고리즘 문제 (32)
      • 백준 - 파이썬 (32)
    • 웹 개발 (17)
      • React (9)
      • 웹 (8)
    • 개발 (4)
    • 독후감 (0)
    • 스터디 (9)
      • 하브루타 스터디 (9)
  • 방명록

리액트 리스트 키 (1)
[React] 리스트와 Key

리액트에 익숙한 사람이라면 반복되는 컴포넌트 혹은 엘리먼트에는 고유한 키 값이 필요함을 알고 있다. 동시에 키값으로 인덱스 값을 주는 것이 안티패턴이라는 사실도 알고 있다. 그렇다면 왜 키값으로 인덱스를 주는 것이 안티패턴일까? 재조정 (Reconciliation) – React A JavaScript library for building user interfaces ko.reactjs.org 리액트에서 Key는 리액트가 어떤 항목을 변경, 추가 또는 삭제할 때 트리를 매번 새로 그리는 것이 아니라 기존과 비교하여 효율적으로 트리를 변경할 수 있도록 돕는 역할이다. 이제 키 값이 왜 사용되는지는 알겠다. 그러면 왜 키 값으로 index가 아닌 고유한 값을 사용해야하는 것일까? 리액트 공식문서에 있는 co..

웹 개발/React 2021. 6. 22. 00:32
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 프론트
  • Python
  • localhost https
  • 브라우저 라우터
  • 리액트 jsx
  • 리액트 props
  • 인사이트
  • 파이썬
  • 우아한테크코스
  • 리액트 동작원리
  • 리액트 리덕스
  • props를 변경하지 못하는 이유
  • 리덕스 썽크
  • React key
  • 리액트 리스트 키
  • 리액트 키
  • mkcert
  • 1463
  • 댓글 모듈
  • 우테코
  • Redux Thunk
  • props를 변경하지 않는 이유
  • 다라쓰
  • 해쉬 라우터
  • Hash Router
  • contentEditable focus
  • 프론트엔드
  • Browser Router
  • 리액트 리스트 key
  • 백준
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바