5/23 TIL (개인과제 React Account Book - 2일차)

어제 하던 거에 이어서 오늘은 헤더 부분 약간의 수정,
월별 버튼이 뜨게끔 하는 MonthForm을 구성하였다.

처음에는 화면이 왜 이렇게 요상하게 뜨지하고 한참을 고민해봤는데도 도저히 답이 안 나와서 너무나 힘들었던 것..

저 MonthButton이 제대로 뜨게 된 계기는 props를 제대로 내려주는 시점으로부터 시원하게 해결이 됐다.
물론 자력으로 한 건 아니고 튜터님을 찾아가서 모르는 부분에 대해 폭풍 질문을 통해 얻어낸 결과물..

아래 두 컴포넌트를 먼저 살펴보겠음
MonthForm.jsx
어제만 해도 이게 왜 안 되지 하면서 고민하던 부분이 MonthButton 안에서부터 props를 내려주긴 했는데 왜 안 되지 하고선 머리가 백지가 됐었는데

MonthButton.jsx
MonthForm에선 props를 month로 받아놓고 const MonthButton = () => {} 함수에서 매개변수 자리에 아무것도 안 내려받아서 안 됐던 거였다. 이 문제점을 튜터님께 피드백 받고서 month를 내려 받아주자마자 해결이 된 모습

그 후, MonthForm 아래 부분에 리스트들을 담아줄 List 컴포넌트를 하나 만들긴 했는데 여기서부터 또 문제가 생겨버림
컴포넌트가 점점 많아지니깐 뭘 만들어야 하고 뭘 어디에 내려줘야 할지 뇌정지 상태가 와버림

아무리 머리를 꽁꽁 싸매도 답이 안 나오는데 벌써부터 이렇게
막혀버리면 어떡하지 진짜~~