본문으로 건너뛰기
프로젝트게임기 버전으로 보기

프로젝트 · 2026

쪽쪽

시작 버튼, 종료 버튼, 제때 울리는 알람 — 수유 기록 앱

역할
기획 · 개발 (개인)
기간
2026.09 —
팔레트
#FFF5EC#FFFFFF#5B3F3A#FF9F86#9A7D76
GitHub

개요

기존 육아 앱은 체온·배변·성장 곡선까지 담아 새벽에 한 손으로 쓰기 어렵습니다. 쪽쪽은 수유 시작·종료를 한 번의 탭으로 기록하고, 종료 시각 + 설정 간격(기본 180분)에 아기 이름을 부르는 알림을 보냅니다. 서버 없이 모든 데이터는 기기에만 저장합니다. 기획서의 요구사항(FR/NFR)을 테스트 케이스와 연결해 두었고, Expo(React Native) 한 코드로 안드로이드·iOS를 함께 빌드합니다.

작업 사례

  1. 사례 1

    앱이 꺼져 있어도 알람은 울려야 한다

    문제
    수유를 끝내고 폰을 내려놓으면 앱은 백그라운드로 가거나 종료됩니다. 앱 안의 타이머로는 다음 수유 시각에 알람을 보낼 수 없었습니다.
    파악
    알람 시각은 앱이 계산하되, 울리는 일은 OS가 맡아야 했습니다. 또 OS 알림을 놓치거나 권한이 꺼진 경우에도 앱을 다시 열면 알람을 알아차릴 수 있어야 했습니다.
    해결
    수유 종료 시각 + 간격으로 OS 로컬 알림을 예약하고, 알림 ID를 하나로 고정해 예약이 항상 한 개만 남게 했습니다. 앱을 다시 열면 저장된 예약 시각이 이미 지났는지 확인해 곧바로 알람 화면을 띄웁니다. 안드로이드는 정확한 알람 권한(USE_EXACT_ALARM)을 선언했습니다.

  2. 사례 2

    알람 규칙은 화면과 떼어 순수 함수로

    문제
    수유 시작 시 취소, 종료 시 재예약, 스누즈, 간격 변경 시 재계산처럼 알람 규칙이 여러 화면에 흩어지면 예약이 겹치거나 남기 쉬웠습니다.
    파악
    규칙이 플랫폼 API(저장소·알림)와 섞여 있으면 기기 없이는 검증할 수 없었습니다.
    해결
    상태 전이는 도메인 리듀서 하나에 모으고, 저장소·알림·진동은 포트 뒤로 숨겼습니다. 스토어는 상태의 예약 시각을 보고 OS 알림을 맞추기만 합니다. 도메인 로직 테스트와 화면 흐름 테스트를 합쳐 118개를 두었고, 도메인 줄 커버리지는 98%입니다.

  3. 사례 3

    Capacitor에서 Expo로 옮기다

    문제
    첫 버전은 웹 앱을 네이티브 껍데기로 감싼 Capacitor였는데, 폰에서 QR로 바로 테스트할 수 없었고 iOS 빌드에는 Mac이 필요했습니다.
    파악
    도메인 로직은 프레임워크와 무관하게 짜 두었기 때문에, 바뀌는 곳은 포트 구현과 화면뿐이었습니다.
    해결
    도메인 코드는 그대로 두고 포트만 AsyncStorage·expo-notifications·expo-haptics로 바꾼 뒤, 화면과 마스코트를 react-native-svg로 다시 그렸습니다. 이제 Expo Go로 QR을 찍어 바로 돌려 보고, EAS Build나 로컬 Gradle 스크립트로 APK를 만듭니다. 이전 버전은 v0.1.0 태그로 남겨 두었습니다.

핵심 기능

스택