🍃 Green Check

G-SEED 인증 녹색건축물을 홍보하고, 인증 절차를 쉽고 재미있게 알아보는 목적의 웹 사이트입니다.
사용자가 스스로 건축물의 친환경 수준을 진단하고, 녹색건축물 현황과 탄소배출량 데이터를 지도와 함께 시각화하는 환경 정보 서비스입니다.

📝 프로젝트 소개

• 숭실대학교 SW스파르탄교육원, 덕성여자대학교 디지털소프트웨어공학부A 주관 해커톤 프로젝트
• 개발 인원: 5명 (기획 1, 프론트엔드 2, 백엔드 2)
• 개발 기간: 2025.08.16 ~ 2025.08.23 (1주)

🧩 담당 기능 (Frontend)

• 탄소배출량/인증 등급 기반 클러스터 지도 시각화 (Mapbox GL JS)
• 등급 · 건물용도 · 연도 기반 지도 필터링 기능 개발
• 주소 검색 API 연동 및 지도 중심 이동 처리

🛠️ 사용 기술

항목	기술/도구
Node.js	v22.12.0
프레임워크	Next.js 15
언어	TypeScript
패키지 매니저	Yarn
코드 포매팅	ESLint, Prettier
상태 관리	Zustand(클라이언트), TanStack Query(서버 데이터)
스타일링	TailwindCSS
지도/시각화	Mapbox GL JS, VWorld WMTS API(국토교통부 타일)

📸 주요 기능

녹색건축물 자가진단	지도 시각화