[React] React 기본 : 리스트 렌더링/아이템 추가, 삭제, 수정

이정환 강사님의 강의 '한입 크기로 잘라먹는 리액트'를 수강하고 있습니다. Udemy에서 진행하고 있는 리액트 챌린지에 참여하며 3주차 미션으로 "섹션 6 React 기본 - 일기장 만들어보기"을 수강한 내용을 정리합니다. 👍 리스트 렌더링(조회) 등록한 일기를 배열에 추가하면 지금까지 등록한 일기를 리스트로 만들어 화면에 렌더링 할 수 있다. 이러한 구조로 일기장 화면을 구현하려고 한다. DiaryEditor : 등록할 내용을 입력받는 컴포넌트 DiaryList : 등록된 일기 목록을 보여주는 컴포넌트 리스트 컴포넌트 만들기 App에서 DiaryList 컴포넌트를 생성할 때, 리스트로 렌더링할 배열 데이터를 Props로 전달 DiaryList 컴포넌트 > Props로 받은 객체 배열 바인딩 Props ..

2023.04.15