24/05/23 TIL(가계부 프로젝트 구조도)

오늘 한 것

1. 리액트 숙련과제(가계부 웹)

   account-book-inter-assignment
   ├─ .gitignore
   ├─ LICENSE
   ├─ README.md
   ├─ index.html
   ├─ package.json
   ├─ public
   │  └─ vite.svg
   ├─ src
   │  ├─ App.jsx
   │  ├─ components
   │  │  ├─ AccountForm.jsx
   │  │  ├─ AccountList.jsx
   │  │  ├─ AccountMonthly.jsx
   │  │  └─ GlobalStyle.jsx
   │  ├─ main.jsx
   │  ├─ pages
   │  │  ├─ AccountDetail.jsx
   │  │  └─ AccountHome.jsx
   │  └─ shared
   │     └─ Router.jsx
   ├─ vite.config.js
   └─ yarn.lock
   

위 같은 구조를 갖췄다.

pages 내부의 AccountDetail.jsx 와 AccountHome.jsx 는 동적 라우팅으로 path 를 받아서 보여줄 페이지다.

이후, 각 페이지를 구성할 컴포넌트들은 componennts 디렉토리에 생성했다.

전체 페이지를 어떻게 구성할지 고민을 많이해본 것 같다. 이전의 프로젝트에서는 그런 고민을 해본적 없이 주먹구구식으로 처리해 기록도 남기지 않았는데, 이번에는 이런 것도 작성해보려고 했다.

계속해서 종이에다가 그렸다 지웠다 해보는데, 최종으로 결정하고나면 왜 그렇게 정했는지도 작성해보자.

그리고, 아직 큰 문제를 마주치치 않아서 해결하는 과정을 쓸 게 없다..! 선택 사항을 구현해보면서 문제를 마주치지 않을까 싶다.

일단 끝!

내일 할 것

1. 리액트 숙련과제(가계부 웹)
2. JS 스터디 공부