리액트를 이용해서 CRUD 앱 만들기

강의 "따라하며 배우는 리액트 A-Z”에서 우리는 리액트에 대해서 배웠습니다. 이 강의에서 배운 리액트를 이용해서 CRUD 앱을 만들어 보겠습니다.

(수행기간)

  • 3일

(결과물)

Animation

(하위과제)

  • 최대한 컴포넌트를 나눠서 구현합니다.

    Untitled

  • 폴더 이름 및 변수 이름을 명확하게 작성합니다.

    • 폴더 이름(컴포넌트, 이미지폴더 추가)
          ├── public
          │   └── img
          │       ├── airplane.svg
          │       ├── pencil.svg
          │       └── trash_can.svg
          └── src
              ├── app.js
              └── components
                  ├── BudgetForm.js
                  ├── BudgetItem.js
                  └── BudgetList.js
  • 변수 이름

    • App컴포넌트의 State 이름을 명확하게 하였음. Untitled 1