🌸 커플 다이어리 앱 (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로 해결
- 두 명이 협업 (채팅 기능 분담, 나머지 전 기능 직접 개발)
'RN 개발일지' 카테고리의 다른 글
| 리액트 네이티브 Expo 초기 설정 (2) | 2025.07.29 |
|---|---|
| 리액트 네이티브 네비게이터 구성 및 고정 방법 (0) | 2025.03.12 |
| React-Native 개발일지 - [ 네비게이터 ] (0) | 2025.02.26 |
| React-Native 개발일지 - [ 스크롤 ] (0) | 2025.02.26 |
| React-native 개발 일지 - [ ios 알림 (배포) ] (0) | 2025.02.26 |