구글 지도 API 활용하기 - 에어비엔비 스타일 사이트 만들기

본 카테고리에서는 최근에 지도 API를 이용한 서비스를 진행하기 위해서 웹개발의 ㅇ도 모르는 제가 웹 개발을 위하여 2달 동안 공부를 한 내용을 정리합니다. 현재 기본 기능은 어느정도 구현된 상태입니다만 배워갈수록 보완해야 할 리스트가 산더미네요.

제 전공은 원래 기계공학계열이긴 한데 대학원 과정에서 유체역학 및 열역학을 풀기 위해서 상용 CFD 코드 Fluent나 리눅스 기반의 프로그램을 접했기 때문에 코딩에 대해서는 아예 문외한은 아닌 정도입니다만 그래도 비전공자라는걸 감안해주셨으면 합니다.

웹개발을 위해서는 크게 프론트엔드, 백엔드, DB 관리, 웹 보안 등등이 있는 걸로 아는데 본 항목에서는 공개된 API나 라이브러리, 예제등을 잘 활용하여 초보자분들이 구글 지도 API를 자기 입맛에 맞게 수정하고 활용하게 하는데 그 목적이 있습니다.

먼저 사용된 소프트웨어 정보는 다음과 같습니다.

Java : jdk 1.8.0_241
Web/Was : Apache-Tomcat 9.0.31
Database : Mysql 8.0.19 / Workbench 8.0
framework : eGovFramework 3.9.0 – Spring framework 기반

간단하게 이클립스와 아파치-톰캣을 사용했다고 봐주시면 되겠습니다. 사실 어떤 것을 사용하던 언어적 알고리즘은 동일하고 표현방식만 다르기 때문에 맥락을 전달하는데 중점을 두려고 합니다. 서비스의 벤치마킹 방향성은 에어비엔비(AIR B&B), 호텔스컴바인 등을 목표로 하며 이용자가 먼저 [장소를 검색] – [해당 장소 주변의 서비스 등을 확인]하는 절차로 크게 나누어지며 인터페이스는 수직 2등분하여 왼쪽에는 서비스 리스트를, 오른쪽에는 지도기반의 위치정보를 표시합니다.

사실 요즘 세상에 웹에 공개된 정보중에 정답은 많으나 그것들을 조합하여 하나의 목표를 달성하기는 쉽지 않은 것 같은데요 본 포스팅이 길 잃은 왕초보 개발자들에게 조금이나마 도움이 되었으면 합니다..

 

2022.12.14 - [정보기술] - (1) 구글 지도 API – 지도 만들기

2022.12.14 - [정보기술] - (2) 구글 지도 API - 단일 마커 표시하기

2022.12.14 - [정보기술] - (3) 구글 지도 API - 다중 마커 표시하기

2022.12.14 - [정보기술] - (4) 구글 지도 API - 정보창 표시하기

2022.12.14 - [정보기술] - (5) 구글 지도 API - 자동완성주소 검색하기

2022.12.14 - [정보기술] - (6) 번외 - 자동완성주소 검색에 관하여

2022.12.14 - [정보기술] - (7) 구글 지도 API - 특정 주소의 좌표 확인하기

2022.12.14 - [정보기술] - (8) 구글 지도 API - 좌표 DB 등록하기

2022.12.14 - [정보기술] - (9) 구글 지도 API - 검색 인터페이스 구현

2022.12.14 - [정보기술] - (10) 번외 - 검색지점 기준 반경거리 계산 (하버사인 공식)

2022.12.14 - [정보기술] - (11) 구글 지도 API - 좌표 DB 불러오기 (xml 이용)

2022.12.14 - [정보기술] - (12) 구글 지도 API - 위치기반 서비스 제공 (끝)

 

2022.12.14 - [정보기술] - (1) 구글 지도 API – 지도 만들기

(1) 구글 지도 API – 지도 만들기