![](https://user-images.githubusercontent.com/46335714/102180582-70c38d80-3eec-11eb-8252-a3e0c14185a3.jpg)
네이버 Map SDK를 활용한 POI Clustering Interaction Dev
부스트캠프 5기
5주 기업 프로젝트
🍎 팀원 소개
![]() |
![]() |
![]() |
![]() |
---|---|---|---|
@SkydevilK | @yskpth91 | @hoonv | @kyungpyoda |
S008_김병인 | S020_박태희 | S058_채훈기 | S064_홍경표 |
🤗 프로젝트 소개
Clustering을 활용하여 UI, UX 면에서 개선된 지도 앱을 만들기 위한 프로젝트입니다.
지도에는 수많은 POI(Point Of Interest)가 있습니다. POI는 관심 지점, 관심 지역 정보라는 뜻으로 지도에서 지하철역, 경찰서, 음식점 등 콕콕 짚어서 볼 수 있는 지명을 뜻합니다. POI들이 지도에서 너무 다닥다닥 붙어있으면 사용자가 원하는 POI를 볼 수 없고 보기에도 좋아 보이지 않습니다. 이를 해결하기 위해 저희 팀은 클러스터링 알고리즘을 적용하여 적절히 군집하였습니다. 또한 군집하는 과정을 어색하지 않게 애니메이션을 적용하였고, 여러 부가기능을 추가해서 UI, UX의 큰 개선을 이루어 냈습니다.
기능 소개
클러스터링
- Clustering: 군집화
- 지도 위의 데이터를 군집화 시키기 위해 알고리즘 적용
- Kim's Algorithm
- K-Means Algorithm
애니메이션
- 애플 지도처럼 지속적인 사용자 Interaction에 대응
- 애니메이션 선택은 입맛대로 🤔
- 기본 애니메이션
- 마커들이 슈슈슉 ☄️
- Shooting Star 💫 애니메이션
- 샤랄라 ✨ 방금 뭘 본거지? 👀
⁉️ 두 눈이 휘둥그레지는 애니메이션
- 샤랄라 ✨ 방금 뭘 본거지? 👀
하단 풀업 뷰
- 한 몸 같은 자연스러운 Interaction
- 흡사 애플 지도, 처음 써도 익숙한 듯
- 비동기 Prefetch로 데이터 로딩은 뒤에서 바쁘게, 사용자에겐 어색하지 않게 🤫
설정 뷰
- 알고리즘 선택 가능
- 애니메이션 선택 가능
- 마커 색상 선택 가능
⚙️ 기능 명세서
기능 명세서 ⬅️ 여기서 세부 기능을 확인해주세요 😊
💡 기술 특장점
기술 특장점
Documents
팀 Ground Rules
개발 Ground Rules
기능 명세서
기술 특장점