소개

DRMS 프로젝트는 전력 예비율이 낮을 때 고객의 아낀 전기를 전력시장에 판매하여 수익을 제공해주는 서비스입니다.

개발 환경

React 17.0.2, typescript 4.1.2, axios 0.21.1, redux 4.1.0, react-redux 7.2.4, redux-thunk 2.3.0, styled-components 5.3.0, Bitbucket, Jira, Slack, Notion

사용 라이브러리

andtd 4.16.8, material-ui 0.20.2, moment 2.29.1, amcharts4 4.10.20, handsontable 9.0.0, react-icons 4.2.0, react-calendar 3.4.0, react-number-format 4.6.4, universal-cookie 4.0.4

페이지 개발 방법 & 과정

1. Jira를 통해 맡은 업무를 파악합니다.
2. 매일 진행하는 스크럼에서 하루동안 해야할 업무의 순서를 정합니다.
3. 와이어프레임으로 된 기획과 Figma 디자인을 바탕으로 UI를 구성합니다.
4. Document로 작성된 API 명세를 바탕으로 axios 라이브러리를 사용하여 API를 연동합니다.
5. Redux와 useState Hooks를 사용하여 상태를 관리합니다.
6. 각 페이지에 필요한 기능을 구현합니다.
7. 위 3~6단계를 마칠 때 마다 작은 단위로 PR을 올립니다. 구현한 것에 대해 요약하고 기능에 대한 내용과 특이사항을 포함하여 작성합니다.
8. 사수님이 Pull-Request를 통해 코드 리뷰를 진행
9. 피드백을 적용하여 더 나은 코드로 발전시킵니다.

주요 기능

가져온 데이터를 가공하여 사용자가 용이하게 볼 수 있도록 차트를 구성하는 기능

Handsontable을 사용하여 Excel처럼 사용할 수 있는 테이블을 사용하는 기능

페이지 개발