나의 성장 그림 Front(12.24)

나의 성장 그림 Front 12월 24일 작업 일지

 

완료 일자 : 1월 20일 까지 ( D - 27 )

 

작업 전 : 

작업 후 :

 

오늘 시행 작업 :  

사실 외관상으로 달라진건 거의 없지만, 내부적인 동작 매커니즘에 대해서 결정했던 시간이였다.

 

먼저 todo item 앞에 있던 원을 없애고, 그냥 글자를 클릭하면 색깔이 변하는 식으로 check 를 진행할 생각이다. ( red or green ) 

또한 todo items 의 data format 에 대해서 결정했는데,

년,월을 기준으로 서버에 요청을 보내면 해당 년,월에 해당하는 todo items 를 리스트 형태로 준다.

예를들면 2021.12 로 요청을 보내면 

[

   [{todo: "피아노", checked:false}, {todo:"프로젝트", checked: true}], // 1일

    [{todo: "피아노", checked:false}, {todo:"프로젝트", checked: true}] // 2일 .... 

 ]

 

형식으로 데이터를 받아온다. 

 

그리고 오늘배운것중 하나는 함수형 컴포넌트의 return 안에서 forEach 함수로 컴포넌트를 리턴 할 수 없다는 것이다. 

그 대안으로 map 함수를 사용하면 된다.

즉, forEach를 Render() 함수 안에서 component 출력을 할 수 없다.