[LeafyLog 프로젝트] 1차 작업 중간점검

1차 작업 회고

2주차 멘토링을 반영하여 위와같이 메인페이지를 이틀만에 완성할 수 있었다. 

이전과 다르게 훨씬 코드가 깔끔해졌다. 역시 TopDown 방식으로 생각하니 코드의 구성이 더 완벽해지고 완벽해지니 코딩하는 것도 재밌다. 이전에 bottom up 방식으로 했을 때는 코드가 너무 엉망이고 네이밍도 아무런 규칙없이 난잡했었다... (반성)

 

recoil을 쓰며..

 

recoil을 사용했다. 왜냐하면 나는 처음부터 개발할때 컴포넌트를 나눠 놓았다. 서로 부모 자식 관계도 아닌 컴포넌트에서 같은 데이터를 공유해야 하는 일이 생겼다. 좀 더 자세하게 말하자면 잔디를 클릭할 때 달성 과정의 월 일이 바뀌어야 했다. 이 텍스트는 index.tsx에 있으므로 이를 기존의 react 방식으로 구현하기란 어렵다. 물론 index.tsx에서 잔디밭을 만들었다면 괜찮았을 것이다.

 

따라서 recoil을 도입하여 atom으로 상태를 만들어 주었다. 이를 통해 쉽게 잔디 컴포넌트에서도 날짜를 바꿀 수 있었다.

 

서버 연결전 mock data를 구성하다..

 

멘토님께서 우선 mock data를 사용하여 서버를 붙이기 전에 작업을 진행하라고 하셨다. 멘토링에서도 들었던 것과 같이 mock data를 내가 임의로 구성했어도 그게 서버에서는 지금 수준으로 동작하기 힘든 부분이 있을 수도 있었다. 그래서 mock data를 구성할 때 더 신중하게 고려해야 겠다.