클라이밍하는 개발자

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

key 1

리액트에서 index를 key값으로 사용하면 안되는 이유에 대해서 설명해주세요.

🔑 React에서 index를 key로 쓰면 안 되는 이유🤔 key가 왜 필요한 거죠?React는 마치 학급 출석부를 관리하는 선생님 같아요! 👩‍🏫 학생들이 자리를 바꿔 앉으면, 선생님은 "누가 누구인지" 구분해야 하잖아요?React도 똑같아요. 리스트가 변경될 때마다 "어떤 요소가 어떤 요소인지" 추적해야 해서 key를 사용해요!😱 index를 key로 쓰면 생기는 문제들1. 🎭 신원 혼동 사건학급에서 번호순으로 앉아있다가, 1번 학생이 전학을 간다고 상상해보세요변경 전1번: 김철수 ✏️ (연필로 그림 그리는 중)2번: 이영희 📝 (일기 쓰는 중)3번: 박민수 🎮 (게임 생각하는 중)1번이 전학 간 후1번: 이영희 📝 (아직 일기 쓰는 중인데...)2번: 박민수 🎮 (게임 생각하는 ..

1일 1CS(Computer Science) 2025.07.22
이전
1
다음
더보기
프로필사진

클라이밍하는 개발자

  • 코딩 (582) N
    • 1일 1CS(Computer Science) (164) N
    • 문제해결 (5)
    • Docker (5)
    • 1일 1네트워크 (45)
      • 제 1장: 네트워크의 기초 (11)
      • 제 2장: 네트워크 모델 (2)
      • 제 3장: IP주소 (5)
      • 제 4장: 제4장: 데이터 링크와 네트워크 계층 .. (5)
      • 제 5장: 트랜스포트층의 프로토콜 (3)
      • 제 6장: 애플리케이션 계층 프로토콜 (11)
      • 제 7장: 라우팅의 기초 (3)
      • 제 8장: 네트워크 보안 (3)
    • 1달 1독후감 (12)
    • Computer Science (CS) (8)
    • 입사후 공부한 내용 (9)
    • 코딩공부 (148)
      • Next.js (5)
      • 개발지식 (62)
      • Node.js (16)
      • Nest.js (4)
      • Java Script (5)
      • Type Script (1)
      • DB (5)
      • SQL (4)
      • 파이썬 (8)
      • GIT (2)
      • 공부지식 (8)
      • 컴퓨터구조 (8)
      • 운영체제 (6)
      • 네트워크 (1)
      • 리눅스 (1)
      • 상태관리 Zustand (2)
      • MCP (2)
      • TailwindCss (1)
    • 프로그래머스 문제풀이 (13)
    • 기초코드 (12)
    • 내일배움캠프 (12)
    • 클라이밍 (2)
    • 일기 (140)
      • 개발일기 (12)
      • TIL (94)
      • WIL(Sun) (17)
      • 에러일기 (12)
      • 면접일기 (0)
      • 포트폴리오 (0)
      • 기타 (2)

Tag

HTTP, CS, react, 운영체제, 프론트엔드, jwt, 프로세스, Next.js, 네트워크, 매일메일, 독후감, 비동기, docker, 스파르타코딩클럽, 인증, 백엔드, 내일배움캠프, db, IP, tcp,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/02   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • Real Story

티스토리툴바