[실전 프로젝트] Geoloacation, 카카오 Map API, PWA, 프론트엔드 규칙

1. geolocation을 사용해서 사용자의 실시간 위도, 경도를 불러옴

[JS] 📚 Geolocation API로 🗺️ 위도, 경도 얻고 ⛅ 날씨, 온도 정보를 얻어오기

HTML5 API Geolocation Geolocation API는 자바스크립트 프로그램이 사용자의 실제 위치를 브라우저에게 요청할 수 있도록 해준다. 물론 이런 정보들은 주요한 개인 정보와 관련되어 있으므로, 브라우저에

inpa.tistory.com

2. 카카오 map api + 마커 띄우기를 사용해서 위도, 경도를 기준으로 현재 위치를 보여줌

[React] 함수형 컴포넌트에서 카카오 지도 API 사용하기

함수형 컴포넌트에서 카카오 지도 API 사용하기 지도가 필요해서 카카오 지도 API를 활용해 개발을 하려고 했는데, 다른 대부분의 리액트 자료들이 그렇듯 클래스형 컴포넌트 기준으로 나와 있어

gingerkang.tistory.com

3. 일정 시간을 간격으로 위치 업데이트 되다가 어느 순간 창이 새로고침 하듯이 흰바탕부터 다시 뜨고 위치 뜨더니 몇초후에 페이지를 찾을 수 없다고 뜸

4. 테스트로 S3에 배포 했더니 지도가 뜨지 않음 -> geolocation은 브라우저 보안상 http가 아니라 https에서만 작동한다고 해서 -> firebase로 배포함.

5. PWA 사용해서 모바일 접근성을 높이기 위해 테스트 해봄

PWA(Progressive Web Apps)란 무엇이고 장단점은 무엇인가

Google I/O 2016에서 구글은 PWA(Progressive Web Apps)라는 신기술을 소개했습니다. 신기술이라고해서 없던 기능이 나온 것은 아니고 여러가지 있던 기능이나 이론을 조합하여 앱과 웹의 장점을 합친 것이

ux.stories.pe.kr

6. 타이머 기능 업그레이드

7. 프론트엔드 규칙 설정 -> Git push 시 키워드 어떻게 사용 할 것인지

+ Git 명령어 목록

[실전 프로젝트] API 설계, 기능 자료 조사, 프로젝트 기본 틀 잡기 (0)	2021.12.24
[실전 프로젝트] UX Flow / 와이어 프레임 / API (0)	2021.12.23
[실전 프로젝트] 주제 회의 / UX Flow (0)	2021.12.22
[실전 프로젝트] 와이어 프레임/진행 방향 수정, Git 세팅 (0)	2021.12.20
[실전 프로젝트] 기획 회의 / S.A. 작성 및 제출 (0)	2021.12.19