TIL-24.04.18

 

 

 

문제점

구글링을 하던 중 navigator 객체의 존재를 알았다. 브라우저와 관련된 정보를 컨트롤하는 객체.

처음보는 객체이기에 조금 더 알아보던 차 navigator 객체에 속해있는 geolocation API의 존재를 알게되었고, 이를 이용하면 현재 사용자의 현재위치를 가져올수 있다는 신기한 사실 또한 알게되었다. 

 

현재 위치 정보를 얻기위한 코드

navigator.geolocation.getCurrentPosition(success, error)

 

위의 코드처럼 getCurrentPosition( ) 메소드를 호출해서 사용자의 현재 위치를 얻을 수있다. 

이 함수는 두개의 콜백함수를 인자로 받는데, 첫번째는 성공했을때의 콜백, 두번째 인자는 실패했을때의 콜백이다

 

 

function success(position) {
    // position 객체에는 사용자의 현재 위치 정보가 포함되어 있습니다.
    const latitude = position.coords.latitude; // 위도
    const longitude = position.coords.longitude; // 경도 
}

 

성공했을때의 콜백함수를 위와 같이 작성해 현재위치를 알수있는 위도와 경도값을 끄집어냈고

 

 

function error(error) {
    console.error(`Error occurred: ${error.message}`);
}

 

실패했을때의 콜백함수는 에러메시지를 콘솔창에 보여주는 정도의 코드를 작성했다.

 

 

근데 위도, 경도값을 가지고 현재위치를 어떻게 알라고? 난 경도,위도말고 지명을 알고싶었다.

위도,경도값을 어떻게 이용할까 고민하던차 https://openweathermap.org/ 오픈API를 제공해주는 사이트의 존재를 알게되었고, 제공해주는 오픈API를 통해 정보를 fetch 해와서 내가 원하는 지명 텍스트를 얻게되었다.

근데 이 값이 정확하진 않네요. 남향동? 수원은 맞긴한데