📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
리스트와 key (map / key)
💬 쉬운 뜻
배열 데이터를 도장 찍듯 반복해서 목록 화면으로 만드는 게 map이고, 그때 각 줄에 붙이는 고유 이름표가 key예요. 이름표가 있어야 리액트가 '몇 번째 줄이 바뀌었는지' 정확히 알고 그 줄만 다시 그립니다.
🧭 이 상황에서
콘솔에 노란 글씨로 Warning: Each child in a list should have a unique "key" prop이 자꾸 뜨는데, 화면은 멀쩡해서 무시해도 되는 건지 모르겠다.
⌨️ 이럴 땐 이렇게 입력
- 이 배열(붙여넣기)로 목록 화면을 만들어줘. 각 항목에 key도 넣어줘.
- unique key prop 경고가 떠. 고쳐줘.
🔮 AI가 이렇게 답하면 = 이런 뜻
AI가 "key를 추가했어요"라고 하면 = 목록의 각 줄에 고유 이름표를 붙여서 리액트가 줄을 헷갈리지 않게 했다는 뜻이에요. 경고가 떠도 화면은 보이지만, 목록을 수정·삭제할 때 엉뚱한 줄이 바뀌는 사고를 막아줍니다.
➡️ 다음엔 이렇게
이 경고는 보일 때마다 "key 경고 고쳐줘" 한마디면 끝납니다. 순번(0,1,2)보다 데이터의 고유값(id)을 이름표로 쓰는 게 안전해요.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈