• 목록
  • 아래로
  • 위로
  • 6
  • 홀민
  • 조회 수 219

제가 자바스크립트를 잘몰라서 원론적인 질문 하나 드립니다.



다음 지도 코드 작성중입니다.


daum.maps.event.addListener(map, 'dragend', function() { // 맵이 이동 되면 맵정보를 다시 읽어옵니다.
    getInfo(); // 맵정보를 읽어옴
});


이런코드를 짜게 되었는데요.. 이유를 모릅니다.


function() 이 변수로 들어가있는데요.

getInfo()함수를 직접 넣으니 오류가 납니다.


function() 는 대체 먼가요?

함수 이름도 없고.....그냥 함수를 호출 하는데 그 함수는 {} 안의 함수다.


이런 뜻인가요?


만약 그렇다면 왜 함수를 직접 넣으면 오류가 나게 되나요?

자바스크립트는 함수를 변수로 취급 할수 있다고 알고 있는데.

함수는 저런식으로 넣어야 하는건지..

그냥 쓰기만 해서 ... 대체 왜 그런지 궁금하네요.


아시는 분 답변 부탁드립니다.

댓글 6

title: 황금 서버 (30일)humit
profile image

function() 의 경우에는 이름이 없는 익명함수입니다.

그리고 해당 구문에 대해서는 콜백 함수로 검색을 하시면 아실 수 있습니다.

 

참고로 아래와 같이 사용하시면 동일한 결과를 얻으실 수 있습니다.

daum.maps.event.addListener(map, 'dragend', getInfo);

 

comment menu
2018.12.06. 11:51

신고

"humit님의 댓글"

이 댓글을 신고 하시겠습니까?

홀민 작성자 → humit
profile image

http://victorydntmd.tistory.com/

 

휴...너무 많은 글을 읽었습니다.

다 소화시키지도 못하겠지만. 읽다보니 계속 글을 타고 따라가게 되어서....

여튼 위에 페이지 좋네요.

 

답변 감사하고 배울것을 많이 알게 되었습니다.

 

말해주신 코드는 내일 한번 시도해보도록 할께요.

감사합니다.

comment menu
2018.12.07. 01:21

신고

"홀민님의 댓글"

이 댓글을 신고 하시겠습니까?

홀민 작성자 → 홀민
profile image

정말 잘 동작하네요.

---

daum.maps.event.addListener(map, 'dragend', getInfo()) ;

이렇게 넣으면 동작하지 않으면서

daum.maps.event.addListener(map, 'dragend', getInfo) ;

이렇게하면 왜 동작하는걸까요...?

혹시 알려주실수 있으신가요?

이름만 넣으면 콜백함수로 되는거 같은데..

 

 

다시한번 감사합니다.

comment menu
2018.12.07. 07:48

신고

"홀민님의 댓글"

이 댓글을 신고 하시겠습니까?

Hanam09 → 홀민
profile image

안녕하세요 대신답변하겠습니다.

 

이벤트리스너에서 이벤트가 발생될때 이벤트 함수가 실행 (Event())되게 됩니다. 

한가지 예를 들어보죠




var Event = function(){

    console.log("함수를 실행하셨습니다.");

}




Event라는 함수를 정의하였습니다.


이제 이 함수를 호출하려면 어떻게 해야할까요?




Event()




라는 코드를 실행해야합니다.


만약 




Event




라는 코드만 쓰면 어떻게 될까요?




 function(){

    console.log("함수를 실행하셨습니다.");

}




브라우져는 이런 값을 반환합니다.

정의된 함수만을 보여주는 거죠..


이 함수를 실행시키려면




(function(){

    console.log("함수를 실행하셨습니다.");

})();




이렇게 해야합니다. 괄호(실행자)가 붙어야하죠.


브라우져에 이런 코드를 넣어보세요




function(){

    console.log("함수를 실행하셨습니다.");

}



이 함수는 실행되지 않습니다. 실행자가 없기 때문이죠.


이벤트 리스너는 미리 호출할 함수를 정의만 해두고 이벤트가 일어날때마다 정의된함수를 호출해줍니다.




익명함수에서 addEventListener을 사용하면 (function(){}) 이런 익명함수 이벤트가 실행 (function(){})() 되게 됩니다.

근데 X.addEventListener(x,evt,callback()) 이렇게 하게되면 이벤트가 발생될때 (function(){}())() 이런 요상한게 실행되면서 타입에러가 발생됩니다.

comment menu
2018.12.08. 15:20

신고

"Hanam09님의 댓글"

이 댓글을 신고 하시겠습니까?

홀민 작성자 → Hanam09
profile image

그러면 결론적으로 익명함수에서 함수를 호출하려면 함수 호출 () 를 생각한채 함수 이름만으로 호출해야된다는 말이되네요..

제대로 이해하려면 자바스크립트를 깊이 있게 공부해야되는군요.

설명 감사합니다.

comment menu
2018.12.09. 16:23

신고

"홀민님의 댓글"

이 댓글을 신고 하시겠습니까?

Hanam09 → 홀민
profile image

네, 미리 함수를 정의만 해두어야 합니다.

 

감사합니다.

comment menu
2018.12.10. 18:54

신고

"Hanam09님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [1차 해결 및 추가] 서버 접속 불가 문제 안내 12 마스터 24.06.20.15:22 217
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 24.02.11.17:21 2271
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 5951
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4579
286 Crontab에서 파이썬 실행이 시간적으로 겹치는 것과 관련하여 질문 드립니다 ^^ 이니스프리 19.12.06.01:06 1372
285 프로그래머스의 코딩테스트 연습과 COS PRO 난이도에 대해 질문 드립니다. 5 이니스프리 19.12.08.22:26 441
284 머신러닝 오프라인 강좌를 수강해보려고 하는데요~ 이거 괜찮을까요? 5 image 이니스프리 19.12.11.03:12 314
283 논논비요리 만화책을 보려고 하는데 일본어를 얼마나 공부해야 될까요? 4 image 이니스프리 19.12.15.16:38 461
282 프로그래머스 코딩테스트 연습에서 효율성 심사를 통과하려면 어떻게 해야할까요? 2 이니스프리 19.12.18.01:55 2869
281 [Requests] multipart/form-data의 전송에 대해 질문 드립니다 ^^ 4 이니스프리 19.12.18.22:00 3063
280 부산 맛집 추천 부탁드려요~! 3 image 이니스프리 19.12.20.19:00 179
279 Google Developer Console의 API 라이브러리 무료 이용에 대해 질문 드립니다. 5 image 이니스프리 19.12.23.12:58 198
278 https://imgnbvip.com/ 라는 이미지 호스팅 사이트가 있나요? image 이니스프리 19.12.24.11:08 269
277 음성번역기 앱 중에 켜놓으면 계속 번역을 해주는 앱이 있을까요? 이니스프리 19.12.25.11:16 218
276 [파이썬] 결과를 print 문으로 출력하는 것과 파일로 출력하는 것과 결과가 왜 다른가요? 8 image 이니스프리 19.12.25.13:19 771
275 카고야 VPS에서 메일이 왔는데 일본어 관련해서 질문 드립니다. 5 이니스프리 19.12.26.11:45 202
274 Requests나 Selenium에서 어떤 XHR 전송이 있었는지 확인할 수 있는 방법이 있을까요? 3 이니스프리 19.12.26.18:47 229
273 유튜브 채널 주소 잘아시는분있나요? 2 슬기 19.12.27.09:55 189
272 여러 개의 반복작업을 켜고 끄는 버튼을 비동기적으로 구현해보려고 하는데요 ㅠㅠ 2 이니스프리 19.12.27.23:10 202
271 [파이썬] 윈도우에서 pip install로 모듈 설치시에 문제가 발생하는 것과 관련하여 질문 드립니다 2 이니스프리 19.12.29.00:51 249
270 [Selenium] 특정 XPath에서 parent 노드의 iframe을 알아낼 수 있을까요? 2 이니스프리 20.01.02.16:04 394
269 Beautifulsoup에서 .find(text=True, recursive=False)과 관련하여 질문 드립니다. 2 이니스프리 20.01.03.23:11 1153
268 해상도는 다르지만 동일한 이미지인지 체크하는 방법이 있을까요? 2 이니스프리 20.01.05.20:52 512
267 이미지 외부링크가 엑박으로 나온다면 어느 부분을 우선적으로 검토해야 될까요? 이니스프리 20.01.05.23:15 609