[Develop] 병원찾기 기능

[nime0110]

구현하려는 기능

• 병원 찾기 기능

해당 기능 구현을 위해 할 일

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

예상 작업 시간

• 14D

[nime0110]

<프로젝트 origin 레파지토리에 있던 이슈를 포크해온 레파지토리로 옮겼습니다.>
원본 이슈 페이지 : jjoung-2j#14

API를 .json 파일로 받아주는 코드 - 3f53ef7
카카오맵 현재위치 위, 경도 구하는 코드 추가 - 70412f0
사용자 시,도 선택시 업데이트 되는 함수 작성 - 3f53ef7
ajax로 시도/시군구/진료과목 불러서 select 태그에 넣기 완료 - 6e6797a
리스트 불러오는 뷰단 css 업데이트 - 5180191
병원목록 리스트로 출력하는 기능 완료 - fee8c12

검색기능 작업 - 0f36426
리스트 페이징 처리 완료, 관련 css 완료 - b85e4d3
마커, 인포윈도우를 띄우기 - 6370cdb
병원리스트 쿼리 수정함에 있어 페이징쿼리도 연결되어 버그 발생하여 수정함 - 863d6bf
병원 리스트와 페이징 처리 검색 부분에서 쿼리문 버그 발견해서 수정함 - 16f2ede
지도에 뜬 마커 범위로 지도 이동하는 기능 추가 - 420b67b
위,경도가 같은 병원 마커 리스트 뽑기, 맵 클릭시 오버레이, 인포윈도우 제거, 다른 마커 클릭시 기존 인포윈도우,오버레이 제거하고 새로 띄우는 기능 추가 - d648014

검색시 클러스터 기능 추가, 상세보기 기능 db쿼리문까지 작성 완료(모달 제작 예정), 카카오 api 라이브러리 불러오는 코드 추가 - 1193a00
지역 폴리곤 기능 추가, 폴리곤 클릭시 해당 지역 검색기능 추가 - f8c4127
폴리곤 검색 중복 문제 해결을 위해 시를 입력하면 도를 반환하는 메소드 추가 - a16443c
병원찾기 진료중, 진료가능 기능 추가 - 6a4287b
줌인/줌아웃에 따른 폴리곤뷰잉을 사용자가 이용하기 편하도록 개편함, 동 업데이트시 search 기능 추가 - a0f98c5
프론트 코드 포맷팅 부분을 부하 분산 및 일관성 유지를 위해 자바 코드로 재구현함 - f866d3b

페이지네이션 페이지를 10개까지만 보이고 처음, 마지막 대신 이전/다음으로 표시할수 있도록 변경,
10페이지 이하거나 이전/다음이 없을 경우 이전/ 다음이 뜨지 않도록 변경 - 374a7fd
미디어쿼리 반응형 css 적용 및 불필요한 코드 삭제 - 169225b
병원 진료중 정렬 조회 기능 추가, 페이지네이션 버그 수정 - 06be68c

업로드 관련 버그

병원찾기 부분 쿼리가 리눅스를 사용하여 aws에 올리면서 쿼리문이 읽히지 않는 오류 00f8d31
→ 문법 맞게 수정
→ css 오류 수정
코드 유지보수를 위해 정리 및 필요한 부분의 주석 추가 ced7816

[nime0110]

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

완료된 기능

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

• 공공데이터 API를 활용하여 XML 데이터를 JSON 파일로 변환후 데이터베이스에 저장 [Develop]오픈 API DB 접근방안 모색  #8

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단계별로 반응형 완료

참고사항

• 기능은 테스트를 끝낸 상태로 완료되었습니다.

관련 기능 추가

• 통계 기능 추가 [Develop] 병원찾기 통계 기능  #9