JSON, Python의 딕셔너리(Dictionary), JavaScript의 객체(Object) 용어 정리: 필드, 속성, 키 그리고 함수의 매개변수1. 데이터 구조 용어 정리: 키, 속성, 필드JSON, 파이썬 딕셔너리, 자바스크립트 객체는 모두 키(Key)-값(Value) 쌍으로 데이터를 저장하는 공통점이 있다. 이 키는 데이터를 식별하는 이름 역할을 한다. 이 키를 부르는 용어는 상황에 따라 다양하다.키 (Key)정의: JSON, 딕셔너리, 객체에서 값을 식별하는 고유한 이름이다.사용 예: {"name": "Gemini"}에서 "name"이 키다.속성 (Property)정의: 객체가 가진 특성이나 상태를 나타내는 데이터 항목을 의미한다.사용 예: 자바스크립트 객체의 obj.name에서 name이 ..

React 리스트 렌더링: map 인덱스를 key로 사용하면 안 되는 이유와 해결책React로 프런트엔드 애플리케이션을 개발할 때, 배열 데이터를 기반으로 여러 개의 컴포넌트를 렌더링하는 작업은 매우 흔하다. 이때 JavaScript의 map() 함수를 자주 사용하며, 각 리스트 항목에 key prop을 제공해야 한다는 React의 권고를 만나게 된다. 그런데 이때 map() 함수의 두 번째 인자인 index를 무심코 key로 사용하는 경우가 많다. 하지만 이 방식은 잠재적인 문제를 야기할 수 있으며, 왜 그런지 이해하고 올바른 방법을 사용하는 것이 중요하다.1. React는 왜 key가 필요한가?React는 UI를 업데이트할 때 Virtual DOM을 사용한다. 데이터가 변경되면 새로운 Virtual ..