TransactionStore 구조

이전 버전

메인 페이지나 달력 페이지에서 selectedDate를 조작,
가계부 리스트페이지에서 가계부 선택으로 accountObjId를 조작
store를 사용하는 컴포넌트에서 loadTransaction을 호출해 데이터 최신화

데이터 가져올 때 Transaction Store에 특정 함수가 호출(selectedDate를 바꿨을 때, 가계부 리스트가 선택되었을 때 등) 백엔드 API를 호출해서 TransactionList를 가져온다.

데이터 사용 DB의 Transactions는 OneMonthTransaction이라는 date key와 transaction value로 이루어진 객체의 배열의 객체를 만들어서 FE에 전달한다. 이를 가지고 totalPrice를 계산하고 MainPage에 렌더링할 정보를 전달한다.

고민해볼 것

MainPage에서 만들어내는 AccountDate[] 컴포넌트를 mobx에서 만들어 주는게 어떨까. 어짜피 totalPrice를 구하면서 for문을 한번 도는데 이때 MainPage의 AccountDate Component를 같이 만들어 줘도 될 것 같다. 염두해야할 건 mobx에서 컴포넌트를 만들어주는게 정상적인 구조인가는 고민을 해봐야 할 것 같다.