B2B SaaS Platform
ESGable
기업의 ESG 경영을 위한 탄소 배출량 관리 및 공급망 조사 플랫폼
Vue.js 3PiniaTailwind CSSVitei18nAxiosApexCharts
프로젝트 개요
참여 기간2025.07 - 2025.12
참여 인원프론트엔드 1명, 백엔드 1명
담당 역할기획, 디자인, 퍼블리싱, 프론트엔드
개발 유형B2B SaaS 플랫폼
주요 담당 업무
- Vue.js 3 기반 프론트엔드 아키텍처 설계 및 개발
- 조직/구성원 관리 모듈 - 트리 구조 조직도, CRUD, 권한 관리
- 공급망 조사 모듈 - 설문 생성/배포/응답 수집/결과 분석
- 탄소 라이브러리 모듈 - 배출계수/가이드라인/GWP 데이터 관리
- 대시보드 차트 시각화 (ApexCharts)
- 다국어 지원 (i18n) - 한국어/영어
주요 기능

탄소 라이브러리 대시보드
총 배출계수, 가이드라인, 배출원, GWP 세트 현황을 한눈에 파악하고 SCOPE별 배출원 분포와 온실가스 구성(CO2, CH4, N2O)을 시각화합니다.

조직 및 구성원 관리
트리 구조로 본사/지사/사업장을 계층적으로 관리하고, 구성원별 역할(관리자/사용자)을 할당합니다. 온실가스 배출 그룹과 공급망 조사 그룹을 분리하여 효율적으로 운영합니다.

공급망 ESG 조사
협력사/공급망 대상 ESG 평가 조사를 생성하고 배포합니다. 조사 상태(게시중/마감됨/게시중단), 제출률, 마감일을 실시간으로 추적하며 조직별로 조사를 할당할 수 있습니다.

탄소 배출계수 라이브러리
국가별/산업별 표준 배출계수 데이터베이스를 관리합니다. 가이드라인, 배출원, GWP 값을 체계적으로 분류하고 검색할 수 있습니다.

시설 관리
사업장별 시설 정보를 등록하고 관리합니다. 시설 유형, 위치, 배출원 매핑 등을 통해 정확한 탄소 배출량 산정의 기반을 마련합니다.