ClientChaak
Year2024
RoleCross-Platform Developer
PlatformWeb / Mobile
Sticker-based Social Network
Project Overview
이미지 위에 자유롭게 스티커를 붙이고 편집하는 고성능 그래픽 처리와, 친구들과의 실시간 인터랙션이 핵심인 1020 타겟 SNS.
Challenge
Complex data visualization and real-time synchronization required for enterprise-scale usage.
Architecture
Next.js App Router, Server Components, Turborepo for monorepo management.
Outcome
Flutter의 Skia 엔진을 직접 제어하는 커스텀 캔버스(Canvas) 시스템을 개발해 제스처 반응 속도를 최적화했습니다. 다중 레이어 렌더링 시 발생하는 메모리 이슈를 해결하고, 피드 시스템에 캐싱 전략을 도입해 스크롤 성능을 확보했습니다.
Tech Stack
FlutterCanvas EngineInteraction
Mockup 1
Figure 1. Main Dashboard Interface - Dark Mode
Mockup 2
Figure 2. Main Dashboard Interface - Dark Mode
Mockup 3
Figure 3. Main Dashboard Interface - Dark Mode