2025.04.10 스프링 프로젝트 9일차

프로젝트 9일차 작업한 내용 정리

 

커뮤니티 홈페이지 미세먼지 수치 출력

 

위치기반 사용중일 경우

 

js에서 로케이션으로 위도, 경도 받아온 다음에 proj4 라이브러리로 tm좌표로 변환한 후에 컨트롤러로 전송, 컨트롤러에서 입력된 tm 좌표를 기반으로 api를 이용해 가장 가까운 미세먼지 측정소 검색, 해당 미세먼지 측정소에서 측정된 값 데이터를 확보한 후에 다시 뷰로 전송, 뷰에서 입력받은 값을 js를 통해 출력하고, 값의 수치를 조건문을 이용해서 나쁨, 보통, 좋음의 등급으로 만든 후 함께 출력

 

위치기반을 사용하지 않을 경우(회원가입시 입력한 동 기준)

 

js를 이용해서 페이지가 로딩될때 이벤트를 발생시켜 컨트롤러로 이동 멤버객체에서 동과 도로명주소를 가져와서 값 파싱 후 해당 도로명주소를 가지고 네이버 지도 api를 이용해 위도와 경도 값을 구해온 후에 위와 같은 방법으로 진행

 

 

결과물

 

위치정보를 사용중일 때 출력내용

 

위치정보 X 회원 데이터를 사용할 때 출력 내용

 

 

단점은 미세먼지는 측정소 위치에 따라서 값이 존재할때도 있고 존재하지 않을때도 있어서 코드에는 문제가 없지만 데이터가 없다고 뜨는 경우가 간혹 존재한다.