Link
기간 | 2023.03 ~ 2024.07 |
구성원 | PM 2명 | FE 2명 | BE 2명 | DESIGN 2명 |
담당 역할 | FE |
FE 기술 스택 | React Native, Kakao API(Map, Login), React Query, AsyncStorage, Apple Login API |
프로젝트
다양한 안전 기능을 통한 실질적 안전과 공감하는 상호 소통을 통한 심리적 안정감을 함께 제공하는 여성들을 위한 안전 앱
⇒ 밤길을 밝히는 우리들의 안전 어플리케이션, 랜턴(Lantern)
기능
•
안전 모드
◦
출발 할 때 켜고 도착할 때 끄면 되는 타임스탑 형태의 안전 귀가 장치로 경찰 혹은 사전에 등록한 지인에게 위치 전송
•
밤길 메이트 찾기
◦
귀갓길에 상대방(여성)과 익명으로 통화하며 대화를 나누고 위급한 상황일 경우 대신 신고
•
긴급 신고
◦
SOS 빠른 신고 버튼 클릭시 경찰 혹은 지인에게 신고 버튼 페이지로 이동 후 5초 간 클릭 시 신고
텀블벅 펀딩
50% 달성
구현
개발
1.
하단 네비게이션(통화, 홈, 안전모드, 긴급 신고)
2.
온보딩 페이지
3.
권한
•
알림, 위치, 마이크
4.
통화 페이지
5.
안전 모드 페이지
•
지도 페이지, 검색 페이지에서 출발지, 도착지 설정(기본: 현위치)
•
도착 예정 시간 설정
6.
긴급 신고 페이지
7.
홈 페이지
8.
설정 페이지
•
공지사항 / 계정정보 / 앱 설정 / 이용약관 / 문의하기 / 랜턴 SNS 둘러보기
9.
앱 내 팝업 및 각종 알림 페이지
회고
신경 쓴 부분
폴더 구조 리팩토링 후 공유
Axios Instance 및 React Query를 활용한 API 통신 최적화
•
AsyncStorage에 access token을 저장하고 모든 요청에 Bearer Token을 자동 추가
•
API 호출을 모듈화해 클래스로 분리해 관리
•
React Query를 통해 비동기 요청과 상태 관리 간소화
