가게 상세 정보 페이지 웹 디자인 카카오맵 api 마커 표시 및 관련 api 수정
디자인 관련 기록은 아래 링크에 정리하였음.
가게 정보 관련 api
우리 플랫폼의 메인 페이지에는 카카오맵 지도와 각 가게마다 어떤 제휴 사항을 갖고 있는지 표시해주는 마커, 모달창이 노출된다.
마커를 찍기 위해서는 위도, 경도, 가게 이름 정도만 필요했다.
해당 마커를 클릭하면 하단에 모달창이 생성되어 해당 가게의 간략한 정보가 표출되어야 하는데,
이 과정에서 가게 제휴 정보도 서버로부터 받아야 한다. 또한 그 모달창을 클릭하면 가게 상세 정보 페이지로 넘어가야하는데, 이 과정에서 가게의 상세 정보를 서버에게 요청하고 받아와야한다.
따라서 같은 기능 개발을 맡고 있는 백엔드 개발자 김우진님과 함께 회의하여 api를 수정하였다.
api가 잘 작동되는 것을 확인한 후, 디자인에 맞춰 레이아웃 작업을 시작했다.
그리고 모달창 바깥을 클릭하면 모달창과 마커의 이름이 닫히도록 함수를 추가하였다.
스터디 소감
혼자서 풀스택으로 웹 플랫폼을 구현한다면 다같이 모여서 개발하는 자리는 필수적이지 않다.