WIL:: Weekly I Learned 7월17일(월)~7월23일(일)

1. Facts(사실)

지도api를 이용한 팀 프로젝트를 진행하였다 ! !

우리 동네의 헬스장 등 운동시설의 후기를 남길 수 있고, 평점을 통해 비교 분석할 수 있는 커뮤니티.

내가 맡은 역할은 카카오맵 api를 이용하여 메인페이지에서 운동시설 관련 데이터를 뿌리고 다루는 걸 담당하였다.

• 카카오맵 api 지도 연결
• 지도에 헬스장 마커 표시하기
• 사용자가 지도맵을 핸들링하여 중심 좌표가 변경되면 해당 지역의 헬스장 정보로 업데이트
• 상세 페이지에 props로 상세 정보 전달
• 메인페이지 styled-components로 스타일 입힘
• 지도맵 리팩토링
• 마커의 인포윈도우에서 상세보기 기능
• 가게 검색 기능
• 현재 맵의 행정 구역 정보 받아오기
• 행정 정보를 토대로 카테고리에 해당하는 가게 검색
• 행정동 기준 카테고리별 TOP5 가게 리스트
• glitch, vercel을 통해 배포

 

2. Feelings & Findings(느낌과 배운 점, 주관)

• 배포 시 카카오맵 관련해서 오류가 났었는데,
  감사하게도 다른 조원분께서 카카오맵 측에 배포한 url 등록하는 법을 알려주셨다.
  공식 문서를 꼼꼼히 읽도록 해야겠다..!
• 지도 맵의 중심 좌표가 변경될 때마다 새로운 데이터를 불러와야하는데 쿼리놈이 자꾸 캐싱된 데이터를 가져왔다. ㅂㄷㅂㄷ
  튜터님께서 리액트 쿼리의 .refetch()를 알려주셔서 해결할 수 있었다.

 

3. Feedback(평가, 객관)

• 주말까지 달리느라 힘들기도 했지만, 내가 할 수 있는 한 열심히 하여서 만족한다 ! ! ~ KEEP!
• 에러를 적당히 고민하고 튜터님이나 다른 분께 도움을 구했어야 하는데, 자꾸 아쉬움이 남아서 한번만 더, 한번만 더 하면서 시도해보다가 안써도 될 시간까지 쓴 듯 하다. 다음 번엔 에러해결하는데 얼마만큼만 고민해볼건지 시간을 정해놓도록 해야겠다. ~ TRY!
• 팀 프로젝트에 치이다보니 이번 주는 코테를 못 풀었다.. ~ PLOBLEM!

 

4. Future Action(앞으로의 목표)

• 월요일은 팀 프로젝트 제출 및 발표회 ~💪
• 타입 스크립트 배우기