[Develop] 병원찾기 기능 - 성심

[nime0110]

구현하려는 기능

• 병원 찾기 기능

해당 기능 구현을 위해 할 일

• 카카오맵 api 활용
• (선행 작업 완료) 공공데이터API XML -> JSON -> .JSON 파일로 분류하여 생성 -> DB 인서트
• 뷰단 (프론트) 작업 => 사용자의 select 태그 선택에 따라 작업 / 시-구-동 / 과 / 병원분류로 나뉨
• 병원 검색-> 리스트 페이징 처리
• 리스트 상세보기
• 해당 리스트 지도에 마킹
• 지도 마커 클릭시 해당 병원 표시
• 상세보기(모달)
• 로딩이 좀 걸려서 로딩 추가 예정
• 내병원찾기는 탭으로 추후 진행 이슈 추가 예정

예상 작업 시간

• 14D

[nime0110]

[선행 작업 완료] git show e3816cd

• API를 .json 파일로 받아주는 코드

[nime0110]

공공데이터 API 활용 병원찾기 완료

완료된 기능

1. XML -> JSON 파일 변환 및 DB 저장

• 공공데이터 API를 활용하여 XML 데이터를 JSON 파일로 변환후 데이터베이스에 저장 #7

2. 지도 폴리곤 생성 및 관리

• 시/도, 시/군/구 GeoJSON 파일 생성
• 지도에 다각형(폴리곤) 생성 및 중심 좌표에 해당 지역명 표시
• 폴리곤 클릭 시 해당 지역 병원 검색
• 지도 확대/축소 시 폴리곤 동적 변경
  • 확대: 시/군/구 단위 폴리곤 표시
  • 축소: 시/도 단위 폴리곤 표시

3. 병원 검색 및 표시

• 검색 결과에 따른 마커 및 클러스터러 생성
• 병원 목록과 지도 마커 간 상호작용
  • 병원 목록과 마커 연동 기능(마커 A- 병원 A로 연동되며 A마커 클릭시 A병원 반응, A병원 클릭시 A마커 반응)
  • 목록 항목 클릭 시 해당 병원 위치로 지도 이동
  • 마커 클릭 시 병원 정보 인포윈도우 표시 및 해당되는 병원을 리스트에서 제일 위로 올림
• 중복 마커 처리: 동일 위치에 여러 병원이 있는 경우, 커스텀 오버레이로 병원 리스트를 띄움

4. 지도 컨트롤 및 사용자 인터페이스

• 지도 타입 전환(일반지도, 스카이뷰) 및 확대/축소 컨트롤 추가
• 로딩창 추가

5. 병원 상세 정보 제공

• 병원 상세 정보 모달 창 구현
  • 병원 이름, 주소, 전화번호, 진료 과목, 진료 시간 등 상세 정보 표시

6. 검색 필터링 기능

• 다양한 검색 필터링 조건 제공
  • 시/도 선택 시 시/군/구 목록 자동 업데이트
  • 진료 과목, 병원 종류, 진료 중인 병원, 병원명 직접 입력하여 필터링 및 검색 기능
  • 검색 결과 지도 및 목록 동시 표시 및 서로 상호작용
  • AJAX 요청을 통한 동적 업데이트

7. 진료 상태 표시

• 현재 날짜 및 시각을 비교한 진료 상태 표시
  • 요일별 진료 시간에 따른 상태 표시
  • 공휴일 여부에 따른 진료 상태 표시

8. 페이지네이션 기능

• 검색 결과 페이지네이션 제공
  • 여러 페이지에 걸친 검색 결과에 대한 페이지네이션
  • 이전/다음 페이지 링크 제공

9. 반응형 css 완료

• iphone se, xr, 12 pro, 14 pro max, galaxy s8+, s20 ultra, ipad mini/air/pro 기준으로 반응형 완료
• 반응형의 경우 지도/리스트 탭으로 변경
• 사이즈를 줄였을 때 5단계별로 반응형 완료

참고사항

• 기능은 테스트를 끝낸 상태로 완료되었습니다.
• 추가적인 기능 개선이나 버그를 발견하여 수정이 필요한 경우, #31 에 적어주시면 감사하겠습니다

관련 기능 추가

• 통계 기능 추가 #36