포토맵
✏️기획 배경 및 동기
오래된 사진은 보지 않게 되더라… 라는 생각에서 착안한 프로젝트 입니다.
사진과 지도를 결합하여 내가 갔던 장소의 사진들을 지도 API를 사용하여 장소에 등록하고, 줌 인, 줌 아웃을 통해서 특정 장소로 간 빈도도 알 수 있는 프로젝트입니다.
🗒️스토리 보드(시나리오)
찍었던 사진들을 친구들과 공유만 하던 A씨, 이러한 사진들을 다같이 볼 수 있었으면 좋겠다 라고 생각하여 ‘포토맵’ 서비스를 이용하기로 했다.
’포토맵’은 가입시 본인의 이름,연락처 등의 인증 수단 외에도 소셜로그인을 통해 이용이 가능하다.
가입을 하고 메인페이지에 들어오니 자신을 주변으로 한 지도 밖에 보이지 않는다.
옆에 있는 식당을 클릭하니, 사진 등록이라는 UI가 나와 사진등록을 했다. 지도의 식당위에 등록한 사진이 보인다.
A씨는 본인과 같이 다니던 친구 B, C를 초대해서 같이 사진을 등록하고 수정했다.
지도위에 있는 사진을 클릭하니 화면 좌측으로 해당 장소의 사진 리스트가 보이고 각각의 사진들에 댓글을 달 수있게 되어있다.
마우스 휠을 이용하여 지도를 작게 만들어보니, 전국 지도처럼 보이게되는데, 우리가 자주 갔던 지역들의 색깔이 다른 지역에 비해 더욱 진하게 보인다.
📚기능 구현(요구 리스트)
- 가입 시, 소셜로그인도 가능해야합니다.
- 회원 가입, 로그인, 로그아웃 기능
- 다른 사람을 초대할 수 있어야합니다.
- 메인페이지는 본인 위치를 기반으로 한 지도입니다.
- 특정 장소에 사진등록이 가능해야합니다.
- 등록한 사진을 누를 경우, 화면 좌측에서 해당 장소에 등록된 사진들이 보이고, 사진에 댓글을 달수 있어야합니다.
- 지도를 축소 시켰을 때, 일정범위에서 부터 사진이 아닌, 등록된 사진의 수에 따라 다른 색깔로 표시해줍니다.