[MINTime 프로젝트] 영화 추천, 리뷰 사이트 개발 회고록 - 4 (maps)

---

ROOT 게시물은 이쪽 ↓↓↓↓↓↓

https://in0-pro.tistory.com/29

[MINTime 프로젝트] 영화 추천, 리뷰 사이트 개발 회고록 - ROOT

---

 

상단 네비게이션에서 '영화관 찾기' 탭을 클릭하면 이용할 수 있는 콘텐츠이다,

처음에는 내 주위의 영화관을 지도에 띄우기만 할 예정이어서 maps라고 app 이름을 정했는데,

뭔가 허전해서 현재 상영작도 상위에 추가하다 보니까 적절하지 않은 네이밍이 되어버렸다; ㅎㅎ

주소 찾기와 카카오맵 API는 Javascript 단에서 구현했고, 각 공식 문서에서 그대로 복사하고 붙여 넣기 한 수준이라

큰 어려움이 없었다. 특히 둘 다 한국어로 된 문서여서 이해하기가 쉬웠다.

직접 검색한 경우

이렇게 input box에 직접 문자를 입력해도 비동기식으로 적용이 되고,

현재 위치 검색 버튼을 눌러서 우리가 흔히 우편번호 찾기 때 쓰는 Daum 우편번호 서비스를 이용하여 정확한 위치를

검색하여 적용해도 잘 나온다.

다만, 주변에 영화관이 없는 경우에도 위치 검색이 이루어지기 때문에

'이건 내 위치를 표시해주는 역할만 하나? 뭐하는 기능이지?' 라는 생각이 들 수도 있겠다.

 

상단에 보이는 현재 상영작

이 부분은 팀원분이 구현해 주셨으며, 네이버 영화 API를 이용했다.

get으로 현재 상영작의 정보를 받아와 표시하고, 포스터를 클릭하면 아래와 같이 상세 페이지로 이동한다.

 

현재 상영작 상세 페이지

현재 상영작의 경우 영화를 보기 전에 줄거리 보기를 꺼리는 사람도 있기 때문에

overview는 따로 넣지 않았다.

 

이 app은 movies나 community에 비해 간단하게(보이게) 구현되었지만,

지도 API, 주소검색 API, 네이버 영화 API 이렇게 꽤 많은 API가 적용되어 있어서

다른 페이지에 들어갈 때보다 로딩 시간이 좀 더 걸린다.

특히 네이버 영화 API가 무거운 것 같다.

 

다음 챕터에서는 managers app을 살펴보자.