connecting dots

JSX Key 속성 이해하기리액트에서 요소의 리스트를 나열할 때는 key를 넣어줘야 함키는 리액트에서 변경, 추가 또는 제거된 항목을 식별하는 데 도움이 됨.요소에 안정적인 id를 부여하려면 배열 내부의 요소에 key를 제공해야 함 리액트는 가상 돔을 이용해서 바뀐 부분만 실제 돔에 반영--> 리스트에서 나열할 때 바뀐 부분을 어떻게 찾을까 ? key를 이용해서 어떠한 부분이 바뀌었는지 인식할 수 있음 ! 3번을 1,2번 뒤에 추가할 때는 react가 3번만 추가하면 된다고 쉽게알 수 있음3번을 1,2번 앞에 추가할 때는react가 모든 요소가 새롭게 된 것이라고 인식하고 모든 자식 엘리먼트를 새롭게 그려버림이 경우 key를 추가햐서 1,2번을 새롭게 그리는 것이 아닌3번을 추가 후 1,2번은 자리만 이..

부모 컴포넌트에서 자녀 컴포넌트로 데이터를 전달할 때 !Props- Properties의 줄임말- Props는 상속하는 부모 컴포넌트로부터 자녀 컴포넌트에 데이터 등을 전달하는 방법- Props는 읽기 전용(immutable)으로 자녀 컴포넌트에서는 데이터를 변경할 수 없음 (읽기만 할 수 있음)(변하게 하고자 하면 부모 컴포넌트에서 state를 변경시켜줘야 함)     App.jsinitialExpenses = [ { id: 1, charge: "렌트비", amount: "1600" }, { id: 2, charge: "교통비", amount: "400" }, { id: 3, charge: "식비", amount: "1200" }, ];{/* expenseList로 데이터를 내려줌 *..