detox.mate-fe

DDD 13기 Web 2팀(일분전)의 프론트엔드 레포지토리입니다.

개발 환경

• Runtime manager: mise
• Node.js: 24
• Package manager: pnpm (mise로 관리)
• App: React Native + Expo SDK 54 + TypeScript

시작하기

# 0) (최초 1회) mise 활성화
eval "$(mise activate zsh)"

# 1) 런타임 설치 (Node.js, pnpm)
mise install

# 2) 의존성 설치
pnpm install

# 3) 개발 서버 실행
pnpm start

자주 쓰는 명령어

# 플랫폼별 실행
pnpm ios
pnpm android
pnpm web

개발용 Mock

스크린 타임 이미지 분석을 항상 성공시키려면 개발 서버 실행 시 아래 env를 켜면 됩니다.

EXPO_PUBLIC_MOCK_SCREEN_TIME_ANALYSIS=true pnpm start

반환값은 기본 02:00이며, 필요하면 HH:MM 형식으로 바꿀 수 있습니다.

EXPO_PUBLIC_MOCK_SCREEN_TIME_ANALYSIS=true EXPO_PUBLIC_MOCK_SCREEN_TIME_ANALYSIS_VALUE=03:30 pnpm start

주요 라이브러리

• 상태 관리: zustand
• API 통신: axios
• 이미지 업로드: expo-image-picker
• 토큰 저장: expo-secure-store

코드 품질

pnpm format:check
pnpm format

배포

• JS 변경분 OTA 배포: JS Bundle 갈아끼우기 운영 가이드