보드버디

개요

• 보드게임 할 사람, 여기 버디 모여라!
• 웹뷰를 기반으로 만든 보드버디 모바일 앱입니다. (보드버디 웹 서비스 바로가기)

실행 영상

스플래시 화면

splash_screen.mp4

위치 권한 요청 및 처리

• 권한 거부 시 안내 문구 표시

location_permission_denied.mp4

• 권한 허용 시 주변 보드게임 카페 지도 표시

location_permission_granted.mp4

화면 전환 구조

screen_transition_structure.mp4

이외에도 웹 서비스에서 지원하는 대부분의 기능들을 지원하고 있습니다.
웹 서비스 상세 기능은 보드버디 레포지토리 README를 참고해주세요.

실행 방법

1. 레포지토리 클론

   git clone https://github.com/Board-Buddy/front-end-mobile.git
   cd front-end-mobile

2. 의존성 설치

   npm install

3. .env.local 파일 생성

   # 웹뷰가 접근할 웹 서비스 기본 URL 지정
   EXPO_PUBLIC_WEB_VIEW_BASE_URL='https://m.boardbuddi.com' 

4. 개발 서버 시작

   npx expo start

   • 생성되는 QR을 통해 Expo Go 앱에서 확인할 수 있습니다.

앱 개발 중 고려한 주요 사항

• 앱-웹뷰 화면 전환 구조 통일하기
• React Native WebView 전환 시 상태 날림 문제 해결하기
• 웹뷰 기반 앱에서 네이티브 권한 다루기