inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

▶ openWeatherMap API

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

해결된 질문

138

jihun6548

작성한 질문수 6

0

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); 라고 코드를 작성하셨는데,

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

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

react node.js seo graphql next.js

답변 1

0

인프런 AI 인턴

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

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

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

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

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

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

fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다

0

81

1

댓글 기능 구현 중 질문드립니다.

0

92

1

쿠폰코드 발급

0

216

2

example 서버 플레이그라운드, API 접속 모두 안됩니다.

0

124

2

문의드립니다!! ㅠㅠ

0

136

2

graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.

0

111

2

_app.js 작성 이후로 에러가 발생하네요

0

118

2

학습자료

0

98

2

학습자료가 안열립니다.

0

71

2

플레이 그라운드 퀴즈 문제 질문이 있습니다.

0

69

0

기존강의 구매자, 업데이트 끝인가요?

0

128

3

업데이트 버전 수강

0

105

2

완벽한 프론트엔드

0

159

2

나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.

0

95

1

graphql 접속이 안됩니다.

0

123

2

const, let 사용 질문 드립니다.

0

92

2

싸이월드 만들기 1탄 피드백 부탁드립니다.

0

162

2

회원가입 과제 피드백 부탁드립니다.

0

100

2

styled.span / styled.input "CSS 자동완성"

0

61

1

쿠폰 발급 관련

0

189

2

서버 502 error

0

268

2

쿠폰 다시 부탁드려도 될가여?

0

150

2

a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요

0

195

2

2분 44초 질문

0

146

3