상세 정보 페이지 완성
상세 정보 페이지 branch와 로그인/회원가입 branch 합치기
(현재 이미지 업로드 기능을 막아놓아서 가게 이미지는 렌더링 되지 않는다.)
마커를 클릭하면 밑에서 가게의 모달창이 올라오고,
이 모달창을 클릭하면 해당 가게의 상세 정보 페이지로 넘어가도록 구현했다.
상세 정보 페이지에는 [함께하는 이벤트, 개인 이벤트, 가게 정보]로 세 가지 탭이 있다.
먼저 [함께하는 이벤트] 탭에서는 해당 가게가 다른 가게랑 어떤 제휴를 맺고 있는지와 상대 가게의 위치를 알려준다.
협력 중인 가게는 개수 제한이 없으며, 현재 아맛집과의 협력 제휴 정보가 노출되고 있다.
이 상태에서 맥도날드와의 협력 이벤트 내용을 보고 싶으면 맥도날드 버튼을 누르기만 하면 된다.
맥도날드를 클릭하면 기존 아맛집의 하이라이트는 제거되고, 맥도날드에 하이라이트가 들어오게 된다.
두 가지 경우를 렌더링 할 때는 JS의 삼항 연산자 기능을 사용하면 되는데,