inflearn logo
강의

Course

Instructor

[Code Camp] A highly concentrated front-end course created at Bootcamp

▶ geolocation

geolocation부분에 대해 질문있습니다.

270

namdong98978492

66 asked

0

geolocation부분에

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

이렇게 함수가 있는데 여기서 궁금한점이 askForLocation(); 함수 호출부분에 인자로 전달하는 것이 없는데 매개변수로 position에 위치정보 객체형식으로 콘솔에 나오는 이유가 뭔지 궁금합니다.

react node.js seo graphql next.js

Answer 3

0

JewellHernandez

navigator.geolocation.getCurrentPosition()은 위치를 요청합니다. 브라우저는 사용자의 기기(예: GPS, talking tom gold run Wi-Fi 핫스팟, IP 주소)에 액세스하여 위치를 확인합니다.

0

nwd09074926

안녕하세요! 부드러운 족제비님!

askForLocation() 함수는 우리가 만든 함수이기 때문에, 안쪽에 있는 navigator.geolocation.getCurr.. 의 함수와는 상관이 없답니다!

 

예를들면 이런 것이죠!

const 나의함수 = function(){
  setInterval(() => {
    console.log("안녕하세요")
  }, 1000)
}
나의함수()

위 로직에서, 나의함수()를 실행시키는 것과, 함수 내부의 setInterval() 함수와는 아무런 관련이 없다는 것 아시겠죠?!

 

질문의 코드를 다시 보시면,

const 나의함수 = function () {
  navigator.geolocation.getCurrentPosition((위치) => {
    console.log(위치);
  });
};
나의함수();

마찬가지로 나의함수()를 실행시키는 것과, 함수 내부의 navigator.geolocation.getCurrentPosition() 함수와는 아무런 관련이 없답니다!^^

 

따라서, 나의함수는 무시하고 내부의 함수만 볼까요?

// 1초에 한 번씩 "안녕하세요" 라고 보여주는 함수
setInterval(() => {
  console.log("안녕하세요")
}, 1000)


// 내 위치 불러오는 함수
navigator.geolocation.getCurrentPosition((위치) => {
  console.log(위치);
});

위와 같이 정리해 볼 수 있겠죠?!

마지막으로, "위치"라고 작성된 부분은 getCurrentPosition 함수에서 보내주는 결과값 이랍니다!

"어떻게 함수의 실행 결과를 이런식으로 받아올 수 있는가?"에 대한 내용은 난이도가 있는 부분으로, 뒷부분의 callback, promise, async-await 수업에서 자세하게 다루게 됩니다!
현재 기초 과정에서는 "getCurrentPosition의 실행 결과로 위치가 저렇게 받아와지는구나!" 정도로 이해하셔도 충분합니다!^^

 

0

tutiturechanic

An unending arcade game, geometry dash requires the player to manage his character through levels.

fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다

0

36

1

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

0

66

1

쿠폰코드 발급

0

132

2

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

0

86

2

문의드립니다!! ㅠㅠ

0

101

2

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

0

76

2

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

0

93

2

학습자료

0

70

2

학습자료가 안열립니다.

0

49

2

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

0

59

0

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

0

109

3

업데이트 버전 수강

0

88

2

완벽한 프론트엔드

0

136

2

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

0

82

1

graphql 접속이 안됩니다.

0

100

2

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

0

70

2

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

0

122

2

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

0

80

2

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

0

47

1

쿠폰 발급 관련

0

166

2

서버 502 error

0

247

2

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

0

140

2

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

0

184

2

2분 44초 질문

0

131

3