본문 바로가기

RN 개발일지

ios 커플 다이어리 앱 만들기

🌸 커플 다이어리 앱 (React Native, Node.js, Express, MySQL)

React Native 기반 모바일 다이어리 앱입니다.
커플이 함께 사용하는 공유 다이어리를 중심으로, 감정 기록, D-Day 계산, 일기 통계 등 다양한 기능을 구현했습니다.
전체 디자인은 핑크톤의 감성적이고 귀여운 UI로 구성했으며, Figma로 기획·디자인했습니다.

🛠️ 기술 스택

  • Frontend: React Native (Expo)
  • Backend: Node.js, Express
  • Database: MySQL (Workbench)
  • API 통신: Axios (apiClient로 post, get, delete 모듈화)
  • Auth: JWT 토큰 기반 사용자 인증
  • Deployment: iOS TestFlight (Xcode 빌드 및 배포)
  • Design: Figma

💡 주요 기능

  • 회원가입/로그인 (JWT 토큰 인증)
  • 마이페이지: 사용자 정보 확인, 로그아웃
  • 달력(Calendar) 기반 다이어리 관리
    • 일기 작성, 조회, 수정, 삭제, 검색
    • 감정 이모지로 하루 감정 기록
    • 월별 감정 통계로 한 달간 감정 변화 시각화
  • 커플 연동 시스템
    • 커플 다이어리 공유
    • D-Day 계산기 (기념일, 만나서 며칠 등)
  • 채팅 기능 (팀원이 개발)

✨ 프로젝트의 특별한 점

  • 감정 이모지를 통한 한달 감정 분석 기능 (일기와 연동)
  • 핑크톤의 감성적이고 귀여운 UI (Figma 디자인, 직접 구현)
  • Xcode TestFlight 배포 경험 (앱 빌드부터 배포까지 전과정 직접 수행)
  • React Native 모바일 앱 개발 + Node.js 백엔드 구축 (풀스택)
  • JWT 인증 및 API 통신 모듈화(apiClient) 로 확장 가능한 구조 설계
  • SafeAreaView로 모바일 UI 최적화 (키보드 이슈 해결)

🔑 개발 과정에서 얻은 것

  • 백엔드/DB(Express, MySQL) 처음부터 직접 구축, SQL 쿼리 학습 (일기 카운트, 통계 등)
  • Xcode 설정, 배포 직접 해결 (가장 큰 난관)
  • React Native UI/UX 이슈 (키보드 올라올 때 깨짐) → SafeAreaView로 해결
  • 두 명이 협업 (채팅 기능 분담, 나머지 전 기능 직접 개발)