Flutter로 로그인 없는 체크리스트 앱을 만드는 최소 구성

이 기사는 AI 개인 개발로 스마트폰 앱을 만들 때의 「첫 번째 앱」을 상정한 구현 메모입니다.

지난번 Zenn에서는 Flutter / React Native / Expo / Swift 등의 기술 선정에 대해 정리했습니다.

이번에는 그 구현 편으로서, Flutter로 로그인 없이·로컬 저장만 하는 체크리스트 앱을 만드는 최소 구성을 정리합니다.

셋업 후에는 flutter pub get으로 의존성을 가져오고, flutter analyze로 경고가 나오지 않는 것을 확인한 후 진행해 주세요. 본 기사의 코드는 flutter analyze에서 경고가 나오지 않는 구성으로 되어 있습니다.

「AI를 사용해 개인 개발을 시작하고 싶지만, 첫 번째 앱으로 무엇을 만들어야 할지 모르겠다」는 분들을 위해, 로그인 없음·로컬 저장·단일 기능의 체크리스트 앱을 Flutter의 최소 구성으로 구축합니다.

「최강의 구성」이 아니라 「공개까지 확실히 도달할 수 있는 구성」을 목표로 합니다. 백엔드(Backend)나 인증을 처음부터 넣으면 그것만으로 완성이 되지 않기 때문입니다.

DB도 로그인도 알림도 과금도 넣지 않습니다. 우선은 이 「단일 기능으로 공개할 수 있는 한 권」을 다 만들어내는 것을 우선합니다.


flutter create checklist_min

...

의존성은 영속화(Persistence)를 위해 shared_preferences를 하나 추가하는 것뿐입니다.


flutter pub add shared_preferences

shared_preferences는 단말기 로컬에 Key-Value로 저장하기 위한 정석적인 패키지입니다. SQLite나 서버 DB는 데이터 구조가 복잡해진 다음에 검토해도 충분합니다.

태스크 1건을 나타내는 최소 클래스입니다. JSON과 상호 변환할 수 있도록 해두면 그대로 저장에 사용할 수 있습니다.


class TodoItem {

...

저장·읽기를 한 곳에 모읍니다. shared_preferences에는 문자열로 넣어야 하므로, jsonEncode / jsonDecode를 사이에 넣습니다.


import 'dart:convert';

...

포인트는 「저장 처리를 UI로부터 분리하는 것」입니다. 나중에 SQLite나 클라우드로 교체하고 싶어지더라도 이 클래스의 내용만 바꾸면 됩니다.

StatefulWidget으로 완결시킵니다. 상태 관리 라이브러리 (Riverpod / Bloc 등)는 화면이 늘어난 다음에 넣어도 충분합니다. 첫 번째 앱에서는 넣지 않습니다.


import 'package:flutter/material.dart';

...


import 'package:flutter/material.dart';

...

이것으로 완성입니다. 추가·체크·스와이프 삭제·재부팅 후에도 남는 것까지 동작합니다.

익숙해지면 처음부터 다음과 같은 것들을 포함하고 싶어집니다.

다만, 이것들을 첫 번째 앱에 전부 넣으면 출시까지의 거리가 단번에 늘어납니다. 우선은 단일 기능으로 한 권을 공개하고, 스토어 심사를 통과하는 경험을 하는 것이 결과적으로 두 번째 앱 이후의 속도를 높입니다.

기능을 추가한다면 이 최소 구성이 동작한 다음이라도 충분히 늦지 않습니다.

Claude Code 등의 코딩 AI에게 맡기는 경우에도, 갑자기 「모든 기능이 들어간 ToDo 앱」이라고 부탁하면 구성이 방대해집니다. 처음에는 다음과 같이 범위를 좁혀서 의뢰하면 안정적입니다.


Flutter로, 로그인 없이·로컬 저장만 하는 체크리스트 앱을 만들어줘.

...

「하지 않을 것」을 명시하는 것이 요령입니다. 인증이나 DB를 “넣지 않겠다”고 미리 전달하면 불필요한 발판을 만들지 않아도 됩니다.

AI 개인 개발로 스마트폰 앱을 만들 때의 기술 선정에 대해서는 Zenn에 정리해 두었습니다.

AI 스마트폰 앱 개인 개발의 전체 모습은 자사 사이트에 정리해 두었습니다.

필자는 주식회사 Burning Tribe에서 스마트폰 앱의 개발 및 운용에 참여하고 있습니다.

Insights