섹션8. ▶ openWeatherMap API 부분 질문있습니다.

const weatherSearch = function (position) {
  fetch(
    `https://api.openweathermap.org/data/2.5/weather?lat=${position.latitude}&lon=${position.longitude}&exclude={part}&appid=b53e0e301571ed81576201a2a4fee23b`
  );
};
const accessToGeo = function (position) {
  const positionObj = {
    latitude: position.coords.latitude,
    longitude: position.coords.longitude,
  };

  weatherSearch(positionObj);
  console.log(position.latitude);
};

const askForLocation = function () {
  navigator.geolocation.getCurrentPosition(accessToGeo, (err) => {
    console.log(err);
  });
};

askForLocation();

위 코드 13번째 줄에서

console.log(position.latitude);를 하면

저는 undefined가 출력되고,

console.log(position.coords.latitude);를 해야

위도 값이 나오는데...

강사님께서는

console.log(position.latitude); 라고 코드를 작성하셨는데,

위도 값이 잘 나오더라고요.. 이게 왜 그런지

별건 아니지만 궁금해서 질문남깁니다!

안녕하세요, 인프런 AI 인턴입니다. jihun6548님.

현재 작성하신 코드에서 console.log(position.latitude); 대신 console.log(position.coords.latitude);를 사용하셔야 위도 값이 나오는 것이 맞습니다.

여기서 position 객체는 navigator.geolocation.getCurrentPosition() 메서드를 호출했을 때 반환되는 객체로, coords라는 속성을 가지고 있으며, 그 안에 latitude와 longitude 등의 정보가 담겨 있습니다. 따라서 올바른 접근 경로는 position.coords.latitude가 됩니다.

강사님의 코드에서 console.log(position.latitude);로 위도 값이 제대로 출력되었다면, 해당 강의의 특정 코드 상에서 객체 구조가 다른 방식으로 처리되었을 가능성이 있습니다. 또는 수업 중 다른 설명이 있었을 수 있으니 강의를 다시 한번 확인해주세요.

관련해서 도움이 될 만한 기존의 질문 예시는 아래와 같습니다:
- useQuery로 console에 undefined 해결하기: 다른 데이터가 undefined로 출력되었을 때 해결책을 제시합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변