🌱 NSMM - ESG 데이터 기반 협력사 리스크 대응 플랫폼

ESG 데이터를 통합적으로 수집, 관리, 분석하여 기업의 지속가능 경영과 리스크 대응을 지원하는 웹 플랫폼입니다.
본 프로젝트는 Next.js 기반 프론트엔드로, TCFD, GRI, 공급망 실사 등 ESG 주요 영역을 시각화하고 기업 맞춤형 리포트를 제공합니다.

---

🧩 주요 기능 (프론트엔드 중심)

✅ 공통 기능

• 로그인 / 회원가입 (기업 사용자 전용)
• 사용자 인증 기반 데이터 관리 (JWT + 상태관리)

📊 ESG 대시보드

• TCFD, GRI, 공급망 실사 현황 종합 시각화
• 협력사별 비교 / 이슈 알림
• Chart.js / Recharts 기반 ESG 지표 시각화

🧠 TCFD 관리

• 거버넌스: 위원회, 회의, 경영진 KPI, 교육 데이터 관리
• 전략: SSP 시나리오 기반 기후 리스크 분석
• 목표 및 지표: 넷제로 로드맵 시뮬레이션 + KPI

🌐 GRI 관리

• GRI 2~400 시리즈 항목별 입력 및 검토 UI
• 작성 현황 및 검토 상태 표시

🔍 공급망 실사

• EU 공급망 / 인권 / 환경 자가 실사
• 실사 상태에 따른 법령 자동 매핑

🤝 협력사 관리

• ESG 데이터 실시간 취합 및 알림
• 협력사별 이슈 이력 관리 및 추이 비교

---

🛠️ 기술 스택 (프론트엔드)

구분	기술
Framework	Next.js (App Router)
Styling	Tailwind CSS / Shadcn UI
Chart	Chart.js, Recharts
API 통신	Axios
상태관리	Zustand
인증	JWT + 쿠키 저장, X-MEMBER-ID 헤더
CI/CD	GitHub Actions + EKS 배포 (백엔드 연동)

---

🗂️ 화면 구성

• /login - 로그인
• /dashboard - ESG 통합 대시보드
• /governance - TCFD 거버넌스 입력
• /strategy - TCFD 전략 (시나리오, 리스크)
• /goal - TCFD 목표 및 넷제로
• /gri - GRI 기준 입력/검토
• /csddd - 공급망 실사 입력
• /partners - 협력사 현황 모니터링

---

🛠️ 협업 및 역할

• 프론트엔드 전체 개발 및 구조 설계
• Zustand 기반 상태 분리 / 재사용 최적화
• TCFD 전략 시나리오 / 넷제로 계산 로직 설계 및 반영
• GRI 입력, 공급망 실사, 협력사 이슈 UI 개발
• 백엔드 API 연동 및 토큰 인증 흐름 구현

---