금일 한 일
✔ 가짜데이터 JSON 서버 구축/연결
👉 JSON 서버를 처음 알게되었다...
백엔드에서 보내줄만한 데이터를 열심히 작성해서 dummy를 만들었다.
기본적인 fetch로 데이터 받기까지는 완료했다.
문제는 데이터에 filter를 먹이니 에러가 떠서 해결해야한다.
또한, 넣어야 하는 데이터는 유동적으로 바뀌어야 하기 때문에 골머리좀 썩힐 것 같다.
- fetch, axios, promise 학습 필요
- 서버에서 받아온 데이터를 어떻게 필터링 할건지
- FoodRecommend의 기능에 따라 Category의 데이터가 유동적으로 바뀌어야함
✔ Main - FoodRecommend, Category, Bookmark, Review 컴포넌트 틀 잡기
👉 현 단계에서는 브랜치 나누는 것이 크게 의미없어 보여 dev에서 작업하고 있다.
- 컴포넌트 예쁘게 다듬기
- 컴포넌트, 페이지마다 애니메이션 추가 (AOS라는 라이브러리 활용해보기)
- 오늘 뭐먹지 버튼 클릭 시, 배경이미지 및 추천 카테고리 텍스트가 나와야 함. 또한
바로 밑 category 페이지의 데이터가 추천 카테고리로 변경되어야 함. - review 페이지 리뷰컴포넌트 가로스크롤 구현 해야 함.
👉추가로 fork 레포지토리에 커밋해도 잔디가 심기지 않아 해결해보려고 했는데,
우선 금주에 원본 레포에 pr 해보고 ! 이전 커밋들이 잔디로 인정되지 않으면
조치를 취해보도록 하자.
내일 할 일 🏃
JSON 데이터 가공, fetch/axios 학습
- 부족한 비동기 지식/개념 학습
컴포넌트 예쁘게 다듬기
- 중복되는 컴포넌트 재활용 고민
- foodRecommend 페이지 배경이미지 넣기
- background-img 학습
AOS 라이브러리로 애니메이션 넣어보기
느낀 점 ⭐
메인프로젝트를 시작하며 집중력이 높아진 것 같다.
프리 프로젝트의 경험을 통해
시작/기초공사가 많이 중요하다고 느꼈고,
지난 주의 탄탄한 회의와
개인적으로 컴포넌트 구조에 대해 많이 고민했기에
열심히 나아갈 수 있는 것 같다.
(아이패드에 계속 컴포넌트 구조를 그리고,
그린 것을 보면서 코딩을 하니 수월한 느낌이 든다.)
프리 때는 "내가 뭘 해야 하지..뭐가 부족하지(한것도없는데 ㅋㅋ)"와 같은 혼란이 있었다.
스택오버플로우 클론 코딩과는 다르게
메인 프로젝트는 직접 기획해서 새로운 것을 만들어가는 것이다보니
더 애착이 가고, 멋지게 만들고 싶다는 생각이 많이 든다.
여유있게 가지말고, 끊임없이 내 코드를 의심하자.
앵간하게 만족해서 결과물 제출하면 분명히 아쉬울 것이다.
훨씬 열심히 멋지게 만들고 있을 동기들을 생각하자.
개발, 영화, 음악