온실가스 배출관리 서비스
온실가스 배출관리 B2B SaaS 서비스 구축. React 기반 관리자 플랫폼 및 데이터 중심 화면 퍼블리싱 및 Cursor AI를 활용한 프론트엔드 개발
사용 기술
- HTML5
- CSS3
- JavaScript
- jQuery
- React
- DataTables.js
- amCharts.js
- 기여도
- 60%
내부용 서비스
담당 업무
- 사업장·자회사·협력사의 활동자료를 관리하는 화면 구현
- 사용량 및 온실가스 배출 관련 데이터의 목록·상세 UI 구성
- 사업장별 데이터 등록 및 제출 현황을 확인할 수 있는 관리 화면 구현
- DataTables.js를 활용한 검색·정렬·필터·페이지 이동 기능 적용
- amCharts.js를 활용한 온실가스 통계 및 데이터 시각화 화면 구현
- REST API 데이터의 로딩·빈 결과·오류 상태를 고려한 UI 구성
- 반복되는 입력 요소와 관리 화면을 공통 컴포넌트로 구성
- Cursor AI를 활용한 React 개발
주요 작업 내용
- 복잡한 온실가스 데이터를 사용자가 쉽게 확인하고 관리할 수 있는 정보 구조 구현
- 현장 데이터 수집과 본사 통합관리 업무의 흐름을 고려한 SaaS UI 구축
- 다양한 데이터 상태와 사용자 권한을 고려한 관리자 화면 구현
- 반복되는 데이터 관리 UI를 컴포넌트화하여 일관성과 유지보수성을 고려한 구조 구성