awspspgh 님의 블로그

▣ Figma◈ main

목차1.지도 & 날씨 연동2.properties 1. 지도 & 날씨 연동▶ 코드◈ index.html 주변 인기 장소 찾기--> 위치를 찾지 못했습니다 Geolocation API로 현재 위치 가져오기--> -->-->입력-->-->  ◈ currentLocationMap.js let map; let geocoder; function initializeMap() { // Geocoder 객체 생성 geocoder = new kakao.maps.services.Geocoder(); // 페이지 로..

목차1.현재 위치2.날씨 1. 현재 위치▣ Geolocation API: Geolocation API는 웹 브라우저에서 사용자의 위치 정보를 가져올 수 있는 표준 API이다.GPS, Wi-Fi, 셀룰러 네트워크, IP 주소 등의 데이터를 활용하여 사용자의 현재 위치를 확인한다. ◈ 특징- 사용자 동의 필수: 브라우저는 사용자의 위치 정보를 수집하기 전 동의를 요구한다.- 다양한 위치 수집 소스: GPS, Wi-Fi, 셀룰러 네트워크, IP 주소 등 여러 소스로부터 정보를 수집한다.- 높은 정확도 지원: enableHighAccuracy 옵션을 통해 정확도를 조정할 수 있다.- 브라우저 지원: 대부분의 현대 브라우저에서 지원되며, 모바일에서도 동작한다. ◈ Geolocation API 사용 방법: 주로 두..

목차1.지도 1. 지도▣ 카카오 APIhttps://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com - "kakao developers" 로그인을 한 후 화면 상단의 "내 애플리케이션"을 선택하기  - "내 애플리케이션" 페이지에서 "애플리케이션 추가" 버튼을 클릭하여 새 애플리케이션을 생성하기  - 애플리케이션을 생성하기 위해 필요한 정보를 입력한 후 저장하기(아무거나 입력해도 됨) - 생성된 애플리케이션을 클릭하여 애플리케이션 설정 페이지로 이동하기  - 앱 키 리스트에서 네이티브 앱 키 / REST API..

◈ 참고 자료 ppt 2차

◈ 참고 자료 ppt 1차

▷ 출력

▷ 출력

▷ 출력

▷ 출력