/greenMap

Primary LanguageJavaScript

GreenNewMap

BI 공공데이터 공모전 출품작

💡 Background

  • 탄소 배출량 시각화 자료 부족
  • 탄소 중립을 위해서는 탄소 배출량 조사 및 예상이 중요

📝 Feature

  1. 지역별 탄소 배출량 확인 가능
* 탄소 배출량에 따라 색으로 구별 
* 지역별로 탄소 배출량 변화 추이 막대 그래프로 확인 가능
  1. 업종별 탄소 배출량 확인 가능
* 회사 위치 및 정보를 지도의 마크업으로 확인📚 가능 
* 관할 기관, 관리 대상 업체 등 세부 분류로 구분 가능
  1. 산업별 탄소 배출량 정보를 트리맵으로 확인 가능
* 산업별 탄소 배출량에 따라 사각형 크기 자동 조절

📚 Stack & Library

  • HTML/CSS/Javascript
  • Webpack
  • KaKao Map API
  • Any Chart
  • Node Js
  • 공공데이터 API

🖥 Preview

스크린샷 2022-11-29 오전 1 10 39

✏️ Learned

  • 처음 진행한 팀 웹 프로젝트였습니다. Vue,React 등을 사용할 줄 몰라서 Vanila JS, Jqeury 를 사용해서 개발했습니다.
  • 공공데이터 API 를 처음 사용해본 프로젝트였습니다. 덕분에 BaseUrl, url params,query 등을 공부했습니다.
  • NodeJS Library 를 사용하다가 CORS 오류를 만났습니다. 해당 오류를 해결해 나가면서 Webpack, 브라우저, proxy 등을 공부했습니다.