PWA 기반 Time Blindness 해결을 위한 3주 완성 MVP 설계

I Built an ADHD-Friendly App in 3 Weeks — Here's Everything That Went Wrong (and Right)

Nayomi2026년 6월 23일23분beginner

AI 요약

Context

사용자의 시간 인지 장애를 해결하기 위해 준비 시간과 이동 시간을 합산한 카운트다운 기능이 필요함. 단순 웹앱의 한계인 휘발성 데이터를 극복하고 백그라운드 알림을 통한 실시간 사용자 개입이 가능한 구조를 설계함.

Technical Solution

Frontend와 Backend 통합 관리를 통한 개발 오버헤드 감소를 위해 Next.js 프레임워크 채택
사용자 인증 및 이벤트 데이터의 영속성 확보를 위한 Supabase 기반의 Database Schema 설계
앱이 종료된 상태에서도 푸시 알림을 전송하기 위해 Web Push API와 Service Workers를 활용한 백그라운드 프로세스 구현
핵심 가치인 카운트다운 기능의 안정성 확보를 위해 푸시 알림을 옵셔널 레이어로 분리한 단계적 MVP 전략 수립
LLM의 일관된 코드 생성 및 컨텍스트 유지를 위해 디자인 시스템과 스키마가 정의된 Skill File 기반의 Prompt Engineering 적용
Vercel을 통한 CI/CD 파이프라인 구축으로 GitHub 푸시 기반의 자동 배포 환경 조성

실천 포인트

- 핵심 기능(Core Value)과 부가 기능(Bonus)을 엄격히 분리하여 의존성 없는 MVP 우선 구현 - LLM 협업 시 프로젝트 전체의 Rule과 Schema를 정의한 가이드 파일을 생성하여 할루시네이션 방지 - PWA 환경에서 백그라운드 작업이 필요할 경우 Service Worker의 생명주기와 Web Push API 제약 사항 우선 검토

태그

#Supabase #Service Workers #PWA #Next.js #MVP

원문 읽기