[2] 부트캠프 프로젝트 - 1차프로젝트 추가기능 넣기

https://kuk1938.tistory.com/110

[1] 부트캠프 프로젝트 - 1주차 프로젝트(소개 홈페이지)

ㄴ 1차 프로젝트 본내용 참고.

1. 방명록

ㄴ 방명록 개수가 0개일때 [등록된 방명록이 없습니다.] 영역 보이도록

ㄴ 개수가 있을땐 사라지도록

ㄴ 방명록 영역 title 문구변경

 

2. 멤버 관련

ㄴ멤버수정 페이지 GET값 없을때 접근불가하도록

ㄴGET값 정상적으로 수정 기존 = ?바로코드값

ㄴ수정 후 = ?memIdx=코드값

 

3. 서울미세먼지API

ㄴ 기존에 사용하던 API인데 제거하려다가 미세먼지 농도와 상태가 필요해서 호출

 

4. 공공데이터 : 미세먼지 측정소정보API

 

ㄴ 미세먼지 측정소 정보 서울 데이터만 호출

ㄴ 주소와 좌표정보가 필요해서 해당 API호출

 

5. 카카오 지도 API

카카오 지도 마커,인포윈도우 호출 및 api정보 가공 코드

ㄴ 카카오지도 호출

ㄴ 카카오지도 마커 호출

ㄴ 카카오지도 인포윈도우 호출(지역과 미세먼지 정보 담는 영역)

ㄴ 서울미세먼지api, 미세먼지측정소 정보 api 혼용하여 사용

ㄴ api에서 가져온 정보 마커와 인포윈도우에 사용하기위해 가공

 

 

6. 기타

ㄴ 카카오 지도 팝업 영역

ㄴ 팝업 영역 CSS로 구현

ㄴ 팝업 닫기

ㄴ API 로딩 후 팝업 호출 가능하게

 

 

7. 생각

ㄴ 기존에 호출한 API를 기점으로 추가 기능을 넣었으나, 메인으로 어떠한 기능을 활용할지 생각해봐야함.

ㄴ 카카오지도 API에서 추가 기능 사용할 예정

ㄴ 다른 API를 활용해서 프로젝트 고도화 예정

 

 

[ 프로젝트 추가 사항 ]
ㄴ 카카오지도 표시 ○
ㄴ 카카오지도 이벤트 넣기 
ㄴ get값 정상적으로 수정 ○
ㄴ 멤버수정 고유아이디없을때 접근불가 ○
ㄴ 불필요한 주석 제거 ○
ㄴ 방명록 h1태그 문구 변경 ○
ㄴ 방명록 [등록된 방명록이 없습니다] 문구 추가. ○
ㄴ 카카오지도 로딩시 깨지는 현상 수정 ○

ㄴ 공공데이터 api 호출 (주소 있는 api로 호출)  ○

ㄴ 기존 서울 api 재호출 ( 미세먼지 농도 호출 ) ○

ㄴ 미세먼지 측정소 정보 api, 서울 미세먼지 농도 api 혼합 연동 ( 카카오지도 측정소 주소로 마커찍기, 서울미세먼지 농도 마커에 맞춰 보여주기 ) ○

ㄴ 카카오지도 팝업 ○

ㄴ 팝업 닫기 버튼 ○