| ← 메인으로 돌아가기 | 디벨로퍼그룹 경력기술서 |
| 프로젝트 설명 | 실내골프 예약을 할 수 있는 앱 |
| 기술 스택 | Vue3, React Native |
| 참여도 | 프론트엔드 100% |
| 기간 | 2022.02 ~ 2022.07 |
// React Native에서 Vue3 웹앱을 WebView로 래핑
<WebView
source=
onMessage={handleMessage}
injectedJavaScript={injectedJS}
/>
1. 앱에서 소셜 로그인 버튼 클릭
2. passport 라이브러리로 OAuth 처리
3. 콜백 URL로 토큰 수신
4. 서버에서 JWT 발급
5. 앱 상태 업데이트
navigator.geolocation.getCurrentPosition(
(position) => {
const { latitude, longitude } = position.coords;
// 현재 위치 기반 매장 검색
},
(error) => {
// 위치 권한 거부 시 처리
}
);
postMessage / onMessage 활용