inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

자바스크립트 : 기초부터 실전까지 올인원

아이템 필터링하기

function(event){filter(event)} 질문입니다

314

화랑

작성한 질문수 7

0

4분 40초쯤 

for(let i = 1; i < tabs.length; i++) {
    tabs[i].addEventListener("click", function(event){filter(event)})
}
이 문장에서 클릭했을때 실행하는 함수로 filter함수를 event매개변수와 함께 실행시키는건 알겠는데 구문이 왜 function(event){filter(event)}와 같이 입력하는지 모르겠습니다. event를 두번적는 이유도 모르겠구요.. ㅠ

HTML/CSS javascript

답변 1

1

코딩알려주는누나

아! addeventlistener가 어떻게 동작을 하냐면 

이벤트가 발생을 했을때 두번째 매개변수로 전달된 함수를 호출을 하는데 

그냥 호출하는게 아닌 event 를 매개변수로 같이 넘겨줍니다 

그래서 function (event){} 가 되는거고 

저희는 이 event를 받아서 filter 함수에 넘겨줘야합니다 그래서 안에 filter하고 매개변수로 다시 (event)를 전달해준겁니다! 

반복문 문제3 369게임

0

466

1

투두리스트 과제 힌트 좀 주세요 ㅠ

0

390

1

강의가 재생이 안됩니다.

0

418

2

강의 정리된 자료

0

411

1

타임즈뉴스 401에러

0

355

1

to do list

0

320

1

EventListener 질문입니다.

0

267

1

developer tool 아이콘 클릭했는데 콘솔창이 안떠요

0

255

1

git 허브나 netlify 용량

0

1252

1

깃허브 오류

0

367

1

Math 함수를 사용해봤는데. ... 은 무슨 의미일까요??

0

430

1

로컬스토리지 저장하는 방법 알려주세요 ㅠㅠ

0

863

1

타임즈 render 부분 질문

0

435

1

인프런 블로그 작성

1

490

1

전날엔 되던것이 담날엔 안되네요 ㅜㅜ

0

427

1

뉴욕타임즈 뉴스를 그려보자 reder편 질문

0

398

1

TO DO LIST

0

358

1

TO DO LIST

0

436

1

es6 7번 문제에 관하여 질문사항 있습니다.

0

326

1

node.js 로 웹서버 구축할때 힘들었는데 넷리파이로 이렇게 쉽게 웹서버가 만들어지다니.. 감동입니다. 항상 서버도 살아있고 깃헙이랑 동기화되는게 장점인것같아요

0

416

0

함수강의 연습문제 6번 질문사항

0

256

1

let gameOver = false;

0

254

1

api 호출 관련해서 Usage 가 50이라...

0

415

1

map이 안먹습니다.. ㅠㅠㅠ

0

368

2