📂

랜덤 모각코 구현 가능한가요

Created time

Jan 31, 2024 04:11 AM

noti

Status

Done

assignees

프론트

백엔드

To.프론트

어려어잉 ㅜㅅㅜ

든든합니다… 국밥멤버

(Geo) 사용하시는 API 알려주세용!

navigator.geolocation

navigator.geolocation의 Geolocation API사용

getCurrentPosition()를 이용

notion image

latitude: 위도, longitude: 경도


{
		latitude: 37.xxx,
		longitude: 126.xxx
}

사용자의 위치엑세스 허용이 필요

navigator.geolocation.watchPosition

navigator.geolocation의 Geolocation API사용

watchPosition()를 이용 → 사용자가 움직이는 것을 지속적으로 감시하는 기능 (like 1초마다 getCurrentPosition을 하는 느낌??)

데이터는 getCurrentPosition이랑 동일합니다.

latitude: 위도, longitude: 경도


{
		latitude: 37.xxx, number
		longitude: 126.xxx, number
}

React에서 GPS사용하기 watchPosition, getCurrentPosition 차이점

GPS가 잘 찍히는지 확인하기 위해서 지도는 Kakao Map API를 사용했고, view는 react를 사용해서 이동하는 것을 선으로 표시해봤다. 0. 시작 Javascript에서 GPS를 사용하기 위해서 geolocation API를 사용해야한다. 근대 거기서 getCurrentPosition이랑 watchPosition이 있고 상황에 따라서 원하는것을 사용하면 된다. 1. getCurrentPosition 이거는 자신이 원할 때 1회성으로 GPS의 snapshot을 볼 수 있는 방법 일단 코드부터 보면 이렇게 된다. export function getLocation() { return new Promise((resolve, reject) => { if (navigator.geolocation) { ..

React에서 GPS사용하기 watchPosition, getCurrentPosition 차이점

https://tlqckd0.tistory.com/44

React에서 GPS사용하기 watchPosition, getCurrentPosition 차이점

웹에서 되는 기능 - 모바일 앱에서만 되는 기능

[React] PWA에서 알림 구현하기

Tutice라는 과외관리 서비스에 웹 프론트엔드 개발자로 참여하게 되었다. 내가 맡은 가장 핵심적인 기능은 PWA 환경에서 푸시 알림을 구현하는 것이었는데, 처음에는 웹에서의 푸시 알림이 나조차도 아직은 낯설어서 어떻게 구현해야할지 막막했던 것 같다. 하지만 실제로 구

https://velog.io/@heather128/React-PWA에서-알림-구현하기

[React] PWA에서 알림 구현하기

PWA 환경에서 푸시 알림 구현하기 (Spring Boot, FCM, Redis)

푸시 알림을 구현하는 방법에는 Server-Sent Events (SSE) 를 사용하는 방식과 Firebase Cloud Messaging (FCM) 을 사용하는 방식이 있습니다.

PWA 환경에서 푸시 알림 구현하기 (Spring Boot, FCM, Redis)

https://headf1rst.github.io/TIL/push-notification

PWA 환경에서 푸시 알림 구현하기 (Spring Boot, FCM, Redis)

ㅤ	웹에서만 되는 기능	모바일 앱에서만 되는 기능
스와이프	X	O
GPS	O	O
알림	🔺	🔺

💬

알림 기능은 대부분의 브라우저 환경에서 지원하고 iOS 최신 버전에서는 PWA + 홈 화면에 추가라는 제약이 있습니다. MDN Push API

💬

최후의 수단으로 알림을 다른 앱(카카오톡)을 사용해서 발송하고 링크로 재접속하도록 유도할 수 있어요…

To.백엔드

저희 예상 data는 요렇게 전송될 것 같아요. 혹시 혹시 도로명주소나 지번주소로 응답 받고 싶으시면 전송해드릴 수 있슴다


{
		latitude: 37.xxx, number
		longitude: 126.xxx, number
}