Location-based Music App · 2026.07
Soundlog
“여행의 장소와 감정을 음악으로 다시 꺼내볼 수 있다면 어떨까?”
사용자의 위치, 분위기, 순간 기록, 음악 취향을 바탕으로 장소와 감정에 어울리는 음악 경험을 제공하는 서비스입니다. React Native/Expo 모바일 앱부터 Express API, Prisma/PostgreSQL 데이터 모델, Vercel·EC2·EAS 배포 구성까지 직접 설계하고 구현했습니다.
역할
제품 기획, 모바일 앱, API 서버, DB 모델링, 배포·인프라 구현
팀
개인 프로젝트
기여
기획·구현 100%
README assets
프로젝트 화면
Full-stack
앱·서버·인프라 구현
Server API
추천·여행 데이터 연동
EAS/Vercel
배포·릴리즈 기준
01 · Problem
문제
위치 기반 음악 추천은 화면만 만들면 끝나는 기능처럼 보이지만, 실제 서비스로 만들려면 위치 권한, 추천 데이터, 여행 세션, Recap 저장, 인증, 배포 환경이 하나의 데이터 흐름으로 맞물려야 했습니다. 개인 프로젝트라도 앱 UI를 넘어 서버와 인프라까지 제품 완성도를 끌어올리는 것이 목표였습니다.
02 · Role
역할
제품 기획, 모바일 앱, API 서버, DB 모델링, 배포·인프라 구현 · 개인 프로젝트 · 기획·구현 100%
React NativeExpoTypeScriptZustandReact QueryExpressPrismaPostgreSQLDockerEC2VercelEAS
03 · Approach
해결 과정
- 1 지도, 음악 추천, 여행 세션, Recap을 별도 화면 기능이 아니라 하나의 도메인 흐름으로 보고 상태 모델과 서버 연동 범위를 먼저 정리했습니다.
- 2 React Native 앱은 Expo Router, Zustand, React Query 기반으로 구성하고, 지도·카메라·파일·공유처럼 네이티브 권한이 필요한 흐름을 분리했습니다.
- 3 서버는 Express, Prisma, PostgreSQL로 구성하고 앱에서 쓰는 추천·여행·Recap 데이터를 실제 저장/조회 흐름으로 연결했습니다.
- 4 배포는 Vercel rewrite proxy, EC2 API origin, Docker/PostgreSQL, EAS profile을 연결해 웹과 네이티브가 같은 HTTPS API 기준을 사용하도록 맞췄습니다.
04 · Results
성과
제품화 범위
앱 화면 중심→ 앱·서버·DB·배포 연결
실서비스 구조 확보
API 연동
로컬 데이터 기준→ 서버 API 연동
실데이터 흐름 확보
배포 구조
직접 API origin 호출→ soundlog.shop HTTPS proxy
웹/네이티브 기준 통일
릴리즈 준비
환경 설정 수동 확인→ EAS/Vercel 체크 스크립트
배포 실수 방지
다음 프로젝트