프로젝트 개요

친구의 요청에서 출발해 혼자 기획하고 App Store에 출시한 여행 일기 앱입니다. 사진·위치·일기·이동 경로를 지도 위에 남기고, 실제 일기장처럼 목록으로도 돌아볼 수 있도록 만들었습니다.

출시와 운영

• 누적 다운로드 270건 이상 · 2026.09.14 기준 (운영자 집계, 활성 사용자 수와는 다릅니다.)
• 1인 기획·디자인·개발·스토어 등록·배포·운영
• 인스타그램 계정을 운영하며 서비스를 알리고 있습니다.
• 별도 자체 서버 없이 Firebase·Cloudinary의 무료 티어를 활용했습니다.

관심 있는 아이디어를 직접 찾아보고 만들어 실제 사용자에게 전달하는 과정이 즐거웠습니다. 특히 예상보다 많은 사람이 앱을 내려받는 경험이 동기가 됐습니다. 기능을 만드는 일도 좋아하지만, 지금은 제가 넣고 싶은 기능과 사람들이 실제로 필요로 하는 기능을 함께 살피며 다음 개발 방향을 고민하고 있습니다.

포트폴리오 상세

https://footprint-amber.vercel.app/

세팅 & 파일 구조

• 개발 환경
  • React Native 0.85 + Expo SDK 56 + TypeScript 6 (strict: true)
  • @/* → src/* 절대경로 alias, npm run typecheck(tsc --noEmit)로 타입 게이트
  • Reanimated 4가 react-native-worklets로 동작해 babel 플러그인을 맨 마지막에 배치해야 하는 제약이 있어 babel.config.js에 주석으로 명시
  • expo prebuild 기반 Dev Build (Mapbox 네이티브 모듈 때문에 Expo Go 미지원)
• 파일 구조 – 도메인/역할 기준 레이어링
• react-navigation을 쓰지 않고, useAppStore의 view / writing / readerId / viewingFriend 같은 상태로 화면을 전환하는 구조를 선택. 화면 전환 자체가 애니메이션(핀 → 편지 펼침, 네비 인디케이터 이동)과 얽혀 있어서, 네비게이터의 화면 스택보다 상태를 단일 소스로 두고 레이어를 겹치는 쪽이 제어하기 쉬웠음

주요 기술 스택

• App: React Native 0.85, Expo SDK 56, TypeScript
• 지도: @rnmapbox/maps 10 (globe projection + Geocoding)
• 애니메이션/제스처: react-native-reanimated 4, react-native-gesture-handler, expo-blur
• 상태관리: Zustand 5 — 서버 캐시 라이브러리 없이 스토어 + lib/ 레이어에서 직접 동기화