NOI 두뇌발달 앱
숏폼 콘텐츠에 중독된 현대인들을 위한 디지털 디톡스 및 두뇌 발달 어플리케이션으로, 창업 박람회 출품을 목표로 개발된 프로젝트입니다.
NOI 스타트업에서 숏폼 콘텐츠에 중독되어 두뇌 사용이 둔화된 현대인들을 위한 솔루션이 필요했습니다. 디지털 디톡스 효과와 두뇌 발달 효과를 동시에 제공하는 어플리케이션을 개발하여 창업 박람회에 출품하는 것이 목표였습니다.
- 4분면 메타인지 그래프 시각화 및 애니메이션
- 두뇌 발달 측정 및 분석 기능
- 디지털 디톡스 효과 추적 시스템
- CustomPaint를 활용한 레이더 그래프 및 4분면 메타인지 그래프 구현
- 육각형 위젯과 점선을 그린 후 클리퍼를 활용한 그라데이션 효과 적용
- 메타인지 점수 시각화 및 애니메이션 구현
- 패키지 한계를 극복하고 커스텀 그래프 구현 성공
- 창업 박람회 출품 목표 달성
- 복잡한 데이터 시각화를 통한 사용자 경험 향상
이 프로젝트를 통해 Flutter 패키지의 한계와 이를 극복하는 방법을 깊이 있게 학습했습니다. fl_chart 패키지로는 디자이너가 요구한 그래프 디자인과 기획에서 원하는 기능을 구현할 수 없었지만, CustomPaint를 활용하여 직접 그래프를 구현함으로써 문제를 해결할 수 있었습니다.
CustomPainter를 활용하여 여러 개의 육각형 위젯과 점선을 그린 뒤, 사용자 정보 그래프를 오버레이하고 클리퍼를 만들어 내부에 그라데이션을 적용하는 복잡한 구현 과정을 경험했습니다. 메타인지 그래프의 경우 점수를 사이즈 비율에 맞게 변환하고, 해당 점이 속한 영역에 그라데이션과 애니메이션을 적용하는 세밀한 작업을 수행했습니다.
이 경험을 통해 Flutter가 선언형 UI를 채택했음에도 불구하고, 새로운 형태의 UI를 만들기 위해서는 명령형 방식의 CustomPainter를 활용해야 한다는 것을 배웠습니다. 또한 프로젝트에 적합한 패키지가 항상 존재하는 것은 아니며, 때로는 직접 구현하는 것이 더 효과적일 수 있다는 중요한 교훈을 얻었습니다. CustomPainter의 강력함과 유연성을 이해하게 되었고, 복잡한 UI 요구사항을 충족시키는 능력을 키울 수 있었습니다.