Mandalart(9x9)를 GTD 액션으로 바꾸는 iOS 앱을 만들었습니다 (v1.0)

Source: Dev.to

9×9 그리드의 문제점

Mandalart을 아시나요? 오오타니 쇼헤이가 시각화에 사용한 유명한 9 × 9 그리드 방식입니다. 핵심 목표를 중앙에 적고, 주변에 64개의 하위 행동을 배치합니다. 문제는 이것이 종이에만 남아 있어 실행하기 어려운 계획이 된다는 점입니다.

디지털화 (고충)

81개의 박스를 일일이 입력하는 것은 고통스럽기 때문에 OCR 스캐너를 만들었습니다:

• 손글씨 그리드 사진을 찍습니다.
• 앱이 OpenCV/AI를 사용해 3 × 3 구조를 감지합니다.
• 그리드를 즉시 디지털 블록으로 변환합니다.

“Focus” 필터

모든 81항목을 보여주는 대신, 앱은 “오늘 할 수 있는 한 가지는 무엇인가요?” 라고 묻습니다.
그 후 그리드를 필터링해 간단한 할 일 목록을 제시합니다.

기술 스택

• 프론트엔드: React Native (Expo)
• 백엔드: Supabase
• AI / OCR: Google Vision API

워크플로우

저는 전통적인 개발자는 아닙니다. 앱의 약 90 %는 Claude Code를 사용해 만들었습니다. 마무리 작업—최적화, 자동화, 그리고 이 블로그 포스트까지—는 Gemini CLI, Codex, Antigravity를 활용했습니다.

• 코드를 한 줄씩 작성하지 않았습니다.
• 오케스트레이션에 집중했습니다: 사양 정의, 로직 검토, AI 에이전트 안내 등.

결과

AI OCR, 게임화 요소, 인앱 구매 기능을 갖춘 완전한 React Native 앱을 일반적인 개발 시간의 일부만에 구축했습니다.

행동 요청

이 “Vibe Coding” 워크플로우에 관심이 있다면 댓글로 알려 주세요! 앱을 App Store에 방금 출시했으며 UX에 대한 피드백을 기다리고 있습니다.

• 👉 Download on App Store
• Web Landing Page