[Mon/27/12/2021] Today I Learned

React project

본격적으로 Mountain project를 시작했다.

나는 산 검색과 리스트 페이지를 하고 있다.

내가 맡은 부분을 구현하기 위해 search라는 브랜치를 만들어서 거기에 커밋하고 있다.

내일 미팅 때 검토를 받고, 구현했을 때 막혔던 부분들이나 미흡한 부분을 피드백 받은 후 merge를 진행할 예정이다.

네비게이션 바는 이런 식으로 만들어 보았다.

Ant Design의 Menu 컴포넌트를 활용했다.

여기에 React router dom의 Link 컴포넌트를 써서 클릭하면 해당 페이지로 이동하도록 구현했다.

로고는 우선 삼각형 아이콘으로 대체했는데, 산 이미지로 바꾸는 게 나아 보인다.

산의 리스트를 보여주는 부분은 전에 했던 영화 보여주는 것과 로직이 흡사하다.

아직 백엔드와 연동하지 않고, mock data로 임시적으로 json server를 돌려서 보여주는 것이기 때문이다.

나중에 백엔드와 어떤 식으로 연동할지 기대가 된다. 백엔드와의 협업은 처음이라서 잘 기록해 둬야겠다.

Ant Design에서 List 컴포넌트는 처음 써 봤는데, 디자인이 굉장히 깔끔하게 잘 되어 있다.

내일은 카카오 지도 API를 이용해서 유저의 현재 위치를 나타내주고, 산을 검색할 수 있도록 구현할 예정이다.

지도 API는 딱 한 번 써 봤기 때문에 아직 익숙하지 않아서, 배워가면서 구현하게 될 것이다.

앞으로도 이 API는 쓸 일이 많을 것 같은데, 다음에 구현할 때는 좀 더 능숙하게 구현이 가능하도록 잘 문서화를 해 볼 계획이다.

간만에 숨이 차는 운동을 했는데, 간만에 운동을 해서인지 그리 오래 하지도 않았는데도 힘들고 근육이 당겼다.

운동을 꾸준히 하다가, 11월 말부터 후순위로 미뤘더니 이렇게 바로 티가 난다.

운동에 대한 중요성을 몸소 깨달았다. 운동은 정말 무슨 일이 있어도 우선순위에 놓아야 한다는 것을.

이에 대해서 추후 블로그에 글도 업로드해 보려고 한다.

느낀 점이 많기도 하고, 블로그에 올려 놓으면 잘 잊지 않게 되는 효과가 있다.