💻 프로젝트(과제)

개발인원 | 1인 과제

개발기간 | 21.08 - 22.10 (8주)

프로젝트(과제) 소개

시각화된 그래프를 통하여 광고성과를 분석하고, 개선 액션을 이끌어 낼 수 있는 다차원 시각화 리포트 페이지 개발

기존 표를 통해 제공되고 있는 성과리포트의 문제를 분석하고, 이를 해결할 수 있는 기능을 구현

• 숫자로 표현되어, 떨어지는 직관성problem
  • “그래프를 통해 한눈에 파악하도록 함” solution
• 역방향 분석과 다차원 분석이 불가능한 기능적인 제약 problem
  • “Widget을 통해 metric과 segment를 자유롭게 생성” solution

🛠 기술 스택

• React | Recoil | Cypress

🧑🏽‍💻 담당 역할 및 기능

• 4번의 스프린트를 통해 기획 부터 개발 까지 하나의 프로젝트 진행
• 2번의 프로젝트 발표 진행
  • 기능 도입 검토를 위한 기획팀 대상 중간 발표 진행

🖥 세부 개발 내용

[1. Overview 및 Widget 차트 구현]

• Chart.js 라이브러리를 통해 metric과 segment 에 따라 data를 요청하여 적용하고, 4가지 타입의 그래프로 표현하도록 구현
• chart 내부에서 클릭된 segment로 모든 Widget의 Filter를 적용하는 drilldown filtering 적용

[2. 최적화를 위한 리팩토링]

• 과제 중 읽은 CleanCode의 주요 내용을 적용
  • 주요로직을 빠르게 읽을 수 있도록 함수화를 통한 세부 구현의 분리
  • 프로젝트 전반의 추상화 수준을 맞추어 예측 가능한 코드 작성