🎉 부산 공연 조회 서비스

○ 인터넷 프로그래밍(JavaScript, 전공) 수업 기말고사 프로젝트

○ 공공데이터와 Kakao Map API를 활용한 부산 공연 정보 조회 서비스

🔥프로젝트 참여자

| 맴버 | 김동균, 문윤식, 문정훈 |

🙌프로젝트 주제

1. 부산 지역 내의 8개의 공연(뮤지컬, 오페라, 연극, 콘서트, 전통 예술, 클래식, 전시, 무용) 정보를 한눈에 파악할 수 있도록 웹(PC, 모바일 버전) 사이트를 제작
2. 에를 들어 8개의 공연 중 뮤지컬을 선택하면 현재 날짜를 기준으로 부산에서 상영중이거나 상영 예정인 모든 뮤지컬 정보의 카카오 맵 지도에 마커를 표시하며 스크롤을 통해 각 뮤지컬 공연 정보를 보여주고 스크롤에 보여지는 공연 중 하나를 클릭하면 해당 공연의 세부 정보창과 공연이 열리는 공연장의 마커가 화면에 출력됨.
3. 뮤지컬의 각 공연이 어디서 열리는지 카카오 맵에 마커로 표시하며 모바일 버전의 경우 카카오 네비, 카카오 맵 기능으로 길찾기, 네비게이션 기능이 지원됨
4. 사용자가 뮤지컬 공연에서 하나를 클릭하면 해당 공연의 위치 정보와 공연의 세부 정보를 보여주며 그 공연장을 기준으로 1km 반경 내의 공영 주차장을 마커로 표시해줌

💥 프로젝트 기능 설명

1. HTML5, CSS, JavaScript 기술을 기반으로 웹 사이트를 제작
2. 공공 데이터를 통해 부산에서 열리는 8종류의 공연 데이터를 fetch
3. 카카오 맵을 사용하여 공연이 열리는 위치를 마커로 출력
4. 모바일 버전에서는 카카오 네비, 카카오 맵을 통해 길찾기 기능 지원
5. '다봄(https://busandabom.net/)' 사이트의 공연의 이미지를 크롤링하여 사용

📌 프로젝트 기간

2021.11.05 ~ 2021.12.17

🧾 프로젝트에 필요한 자료

1. 공공데이터 포털 www.data.go.kr
2. 지도 API (kakaomap API) https://apis.map.kakao.com/web/
3. 카카오 네비, 카카오 맵 어플
4. 다봄(https://busandabom.net/) 공연 예약 사이트

✔프로젝트 정리 블로그

https://jeonghoonmoon.tistory.com/81