SSTRACK

개요
이 문서에서는 사용자 위치, 시간 및 이동 거리를 추적하도록 설계된 모바일 애플리케이션의 개발에 대해 간략하게 설명합니다. 이 애플리케이션에는 추적을 시작 및 중지하고, API를 통해 추적 데이터를 데이터베이스에 주기적으로 저장하고, 추적이 활성화될 때 정기적으로 데이터가 수집되도록 하는 기능이 포함되어 있습니다.


패키지
최종 패키지 목록:
@react-native-async-storage/async-storage
@react-native-community/위치정보
@react-native-masked-view/masked-view
@react-navigation/하단 탭
@react-navigation/native
@react-navigation/네이티브-스택
@반응 탐색/스택
하버신
jwt-디코드
반응 네이티브 배경 작업
반응 네이티브 배경 타이머
반응 네이티브-base64
반응 네이티브 차트 키트
반응 네이티브 순환 진행 표시기
반응 네이티브 지오코딩
반응 네이티브 위치 정보 서비스
반응 네이티브 제스처 핸들러
반응 네이티브 영재 차트
반응 네이티브 이미지 선택기
반응 네이티브 맵
반응 기본 권한
반응 네이티브 재활성화
반응 네이티브 화면
반응 네이티브 센서
반응 네이티브 흔들기
반응 네이티브-svg-변환기
반응 네이티브 벡터 아이콘
반응 네이티브 비전 카메라


엔진
Node.js
버전: >=18
설명: 애플리케이션에는 Node.js 버전 18 이상이 필요합니다.

화면과 기능


홈 화면
애플리케이션의 홈 화면은 위치 추적 세션을 시작하고 관리하기 위한 기본 인터페이스 역할을 합니다. 추적 시작 및 중지, 사용자의 현재 위치를 지도에 표시, 세션 중 경과 시간 및 이동 거리를 추적하는 기능을 제공합니다.
기능
읽기데이터
설명: 인증을 위해 AsyncStorage에서 사용자 토큰을 읽습니다.
핸들 시작 추적기
설명: 사용자 위치 추적을 시작하기 위해 백엔드 API에 POST 요청을 전송하여 추적 세션을 시작합니다.
HandlePauseTracker
설명: 사용자 위치 추적을 일시적으로 중지하기 위해 백엔드 API에 POST 요청을 보내 추적 세션을 일시 중지합니다.
핸들 업데이트 위치
설명: 업데이트된 위도, 경도 및 위치 ID를 사용하여 백엔드 API에 POST 요청을 보내 사용자의 현재 위치를 업데이트합니다.
계산거리
설명: Haversine 공식을 사용하여 두 지리적 좌표 사이의 거리를 계산합니다.
startForegroundLocationUpdates
설명: 장치의 지리적 위치 서비스를 사용하여 정기적으로 전경에서 사용자 위치 업데이트를 시작합니다.
stopForegroundLocation업데이트
설명: 전경에서 사용자 위치 업데이트를 중지하고 위치 업데이트에 대해 설정된 간격을 지웁니다.
시작위치추적
설명: 전경 위치 업데이트를 시작하고 경과 시간을 추적하는 타이머를 설정하여 위치 추적을 시작합니다.
중지위치 추적
설명: 전경 위치 업데이트를 중지하고, 이동 거리를 계산하고, 최종 추적 데이터를 백엔드 API로 전송하여 위치 추적을 중지합니다.




타임라인 화면
기능
읽기 데이터
설명: 인증을 위해 AsyncStorage에서 사용자 토큰을 읽습니다.
계산총거리
설명: 추적 세션 데이터를 기반으로 이동한 총 거리를 계산합니다.
사용효과
설명: 추적 데이터를 가져오기 위해 구성 요소 마운트에서 readData 함수를 호출합니다.




활동 화면
기능

토글쇼1
설명: 연도 선택을 위한 드롭다운 메뉴의 표시 여부를 전환합니다.
토글쇼2
설명: 월 선택을 위한 드롭다운 메뉴의 표시 여부를 전환합니다.
토글쇼3
설명: 날짜 선택을 위한 드롭다운 메뉴의 표시 여부를 전환합니다.
세트데이
설명: 활동 데이터를 보기 위해 선택한 날짜를 설정합니다.
setMonth
설명: 활동 데이터를 보기 위해 선택한 달을 설정합니다.
세트연도
설명: 활동 데이터를 보기 위해 선택한 연도를 설정합니다.


프로필 화면
기능
getToken
설명: AsyncStorage에서 사용자의 인증 토큰을 가져옵니다.
토글Is로그인
설명: 사용자의 로그인 상태를 전환합니다.
토글사용자로그인상태
설명: 사용자의 로그인 상태를 전환하고 이에 따라 AsyncStorage를 업데이트합니다.