본문으로 건너뛰기
Hyunki.dev
'당신의 소중한 시간을 담아' 문구가 들어간 소담 스플래시 화면

University

소담 — AI 감정분석 공유 다이어리 모바일 앱

Tech StackReact NativeJavaScriptExpoNode.jsMySQLAWS EC2AWS RDSAWS S3
Period2022.11.10 — 2022.12.15
RoleFull-Stack
Team개발자 4명

프로젝트 설명

우울증 환자와 불안장애 환자는 2017년 69만 명에서 최근 93만 명으로 35% 증가했습니다. 또한 정신·행동 장애로 인한 경제적 손실이 한 해 7조 원이 넘는다는 연구 결과가 나왔습니다.

‘소중한 시간을 담다’ 소담 모바일 App은 '사용자의 솔직한 감정을 담는 일기'를 통해 멘탈을 케어해주기 위해 탄생했습니다.

담당 및 구현

  • Expo 기반 React Native 모바일 앱 개발
  • REST API 구축 및 연동
  • Expo Audio 음성 녹음 기능 구현
  • 테마 변경 기능 구현
  • 감정 상태 차트 개발

화면 & 자료

'당신의 소중한 시간을 담아' 문구가 들어간 스플래시 화면
'당신의 소중한 시간을 담아' 문구가 들어간 스플래시 화면
감정 비율 게이지와 테마 변경·개인정보 메뉴가 있는 사이드 메뉴
감정 비율 게이지와 테마 변경·개인정보 메뉴가 있는 사이드 메뉴
감정 점수·감정 비율 파이 차트·월별 감정 변화 그래프
감정 점수·감정 비율 파이 차트·월별 감정 변화 그래프
일기 작성일이 표시된 캘린더와 그날의 일기 카드
일기 작성일이 표시된 캘린더와 그날의 일기 카드
React Native 앱 시스템 아키텍처
React Native 앱 시스템 아키텍처

문제해결 & 배운 것

  • RN·Expo 커뮤니티 라이브러리는 독립적으로는 동작해도 함께 설치하면 충돌하는 경우가 많았습니다. GitHub Issues에서 비슷한 상황의 해외 개발자 코멘트를 참고하고 호환 버전을 체크하며 의존성 문제를 해결했습니다.
  • 여러 커뮤니티의 공식 문서를 읽는 방법에 익숙해졌습니다. 특히 Expo Audio SDK를 다루며 해외 레퍼런스를 읽고 코드로 옮기는 방법을 익혔습니다.
  • 모바일 디바이스의 다양한 화면 크기에 대응하기 위해 스크린 크기를 계산하고 그에 맞는 UI를 보여줌으로써 태블릿부터 소형 모바일까지 전부 대응했습니다.
  • 결과적으로 총 18개의 스크린을 개발하며 모바일 애플리케이션 개발에 익숙해질 수 있었습니다.

관련 링크