드디어(?) 시작된 아웃소싱프로젝트!
발제 후 바로 팀 노션 작성하고 기획 및 와이어프레임 작업을 들어갔다.
아웃소싱 프로젝트 기획
api를 활용해서 우리팀만의 아웃소싱 프로젝트 만들기가 주제이다.
우리는 카카오api를 활용해보기로 했는데 맛집 추천, 카페 추천 같은건 너무 많아서 차별점을 두고 싶엇다. (-> 이게 큰 화를 부른걸까🫨)
그래서 머리를 싸매고 고민을 하다가 반려동물 쪽으로 카테고리가 좁혀졌고
산책로 기반으로 서비스를 만들어보자! 가 되었다.
🧐 참고 사례
고구마런이랑 해외에서 이렇게 지도에 그림 그리는걸 착안해서 우리도 지도 기능에 있는 선의 거리 계산하기 를 써보자! 했다.
곡선형태로 그릴 수 없는게 아쉽지만 그래도 지금 수준에서는 큰 기능같다고 생각했다.
👩🏻💻 와이어프레임
가장 먼저 보여지는 페이지이다.
지도가 보여지고 왼쪽 nav에 코스를 검색하면 해당 코스가 보여진다.
여기는 선의 거리 계산하기 api를 사용하는 공간으로 사용자가 지도에 모양을 그리고 코스명, 내용, 거리와 예상 시간 등을 넣어서 코스를 추가할 수 있다.
단순 지도그리기만 있으면 기능이 좀 적어서 반려동물과 관련된 검색기능도 추가했다. 키워드로 장소 검색 api 를 사용해서 동물병원, 무인동물용품점 등 키워드를 검색하면 보여지게끔 구현할 예정이다.
🚧 추가 기능 구현
선 그리기 기능이 좀 어려울 수 있을 것 같아서 키워드 검색 기능이 빠르게 마무리 되면 투입해서 속도를 내볼 예정이다. 이후 다 구현이 되었다면 추가 기능으로 넣으면 좋을 것 같은 걸 정리해보았다.
- 즐겨찾기, 좋아요, 댓글
- 로그인 JWT
- 별점, 영업중 등의 부가적인 기능
✅ 튜터님 피드백
-
거리, 시간 각각 분리해서 데이터를 가져오고 저장하는게 좋다.
-
선그리기 api
- 리액트 훅으로 선 그리기 api 가져와서 비즈니스 로직 구현이 되는지 볼 것
- 위도, 경도 데이터값이 배열로 잘 들어가는지 빠르게 확인하기!
POC - 내가 컨셉 잡은게 잘 들어오는지 확인하기 ⭐️
-
페이지네이션
- 동물병원, 식당 등 페이지네이션 / 무한스크롤 구현
-
api에서 평점 순으로 정렬해서 내려주는 작업 필요 (백엔드 내에서 처리)
-
제안: 모양을 그린 후 저장을 하면 sns 공유하는 기능..ㄷㄷ
-
영업중인지 아닌지 확인하는 기능 (파라미터로 넘겨준다)
-
api 조금 더 확인해보면 좋을 것 같다.
-
이벤트를 반드시 input으로 받게 되어있다면
-> 스크립트로 input을 지워버리고 value 값으로 수정 -
최대한 카카오 api 내에서 해결할 수 있도록 해보기
페이지는 적은데 기능이 굵직한 편이어서 추석 연휴를 정말 열심히 불태우고 시간 활용을 잘 해야할 것 같다.
기능 구현 전에 db에 어떻게 데이터가 들어오고 저장되는지도 체크하고 활용할 건 어떤건지 초반 작업 들어가기 전에 꼼꼼하게 보고 들어가야 나중에 발생할 트러블 슈팅도 사전에 방지할 수 있을 듯 싶다.
걱정이 진짜 진짜 많이 되는데 일단 POC부터 빠르게 잡아보자 파이팅!!!🔥🔥🔥🔥🔥
