sdh20282's portfolio

Jetty Chart

자유롭게 커스텀 가능한 React/Next.js 차트 라이브러리

Duration

2023.10.09~2023.11.17

Participants

Frontend 6명

Major Skills

ReactNext.jsbabel
메인 페이지
메인 페이지
차트 미리보기 페이지
차트 미리보기 페이지
차트 커스텀 페이지
차트 커스텀 페이지
laptop image
hilight
 
Library
bar-chart, stacked-bar-chart 차트 제작
x/y grid line, left/right/top/bottom label, left/right/top/bottom legend, legend 공통 컴포넌트 제작
Micro Page
커스텀 차트 선택 페이지 디자인 및 개발
차트 커스텀 및 샘플 확인 페이지 디자인 및 개발
Deploy
라이브러리 배포
   

모듈화를 통해 개발 시간을 크게 단축했습니다.

차트 하나에 존재하는, 커스텀 가능한 속성들에 대한 이름, 타입, 종속성 등을 정의한 object를 통해 페이지가 생성되게 했습니다.
커스텀 페이지 하나의 구현을 위해 필요한 시간을 1시간 내외로 크게 단축했고, 4일이라는 짧은 시간 안에 데모 사이트 개발을 완료할 수 있었습니다.
코드의 재사용성과 구조적인 설계에 대해 고민하는 습관을 가지게 되었습니다.

위클리 다운로드 1400회를 기록했습니다.

프로토타입 개발론을 적용, 주기적으로 프로토타입을 만들고 피드백을 받아 수정하는 과정을 반복했습니다.
다양한 피드백을 접하고, 수용할 수 있는 자세를 가지게 되었습니다
최종적으로 10개 팀 피드백 중 8개 팀에서 ‘직관적이다’, ‘사용하기 편하다’ 등의 긍정적인 평가를 받을 수 있었습니다.

코드 리뷰하는 습관을 가지게 되었습니다.

실제 동작 시 발생할 수 있는 문제를 코드 리뷰를 통해 예방하며 디버깅에 소모되는 시간을 단축했습니다.
다른 사람들의 코드를 읽어 보며 문제점들을 파악하고, 함께 개선점을 찾아나갈 수 있었습니다.
코드를 작성할 때 어떤 문제가 발생할지, 더 좋은 방법은 없는지 고민하며 코드를 작성하는 계기가 되었습니다.