inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

안녕하세요~

186

seon

작성한 질문수 12

0

안녕하세요. 강의 정말 잘듣고있습니다~

하나 여쭤볼것이있는데

window.addEventListener에 3번째 값에 false를 넣어 주는 이유가 궁금합니다!

변수에도 처음에 false주는 코드들이 있던데.. 

이유를 알려주시면 감사할것같습니다 ㅠㅠ

javascript 인터랙티브-웹

답변 1

0

코딩일레븐

안녕하세요

오브젝트.addEventListener("click", 함수, options ) 인데요. false를 빼주셔도 됩니다. true로 하셔도 큰 문제가 없이 작동이 될 것이고요.  세번째 인자는 캡쳐링과 버블링을 제어할 수도 있고 실행을 한 번만 할 수도 있는 옵션입니다. (뭔가 어렵죠?)

<button id="btn">버튼</button>

var el = document.getElementById("btn");
el.addEventListener("click", clickFunc, 
{ capture: false, once: true, passive: false }
);

function clickFunc(){
 console.log("click")
}

once : true 로 하면 클릭이 한 번만 실행 됩니다.  

https://developer.mozilla.org/ko/docs/Web/API/EventTarget/addEventListener

설명을 보시면 더 어려울...수도 있어요. 일반적인 경우에서는 비워두고 사용하시면 될 것 같습니다. 

-

변수의 종류는 크게 Number, String, array, boolean 이 있습니다. 

변수에서 false 를 넣은 것은 boolean 값을 이용하기위한 변수라는 겁니다. 이 변수는 boolean으로 사용하겠다! 라고 마음을 먹으면 true, false 만 넣는거죠. 질문 주신 변수는 초기화를 false로 한거고요.

예를 들어 isMobile 이라는 변수를 사용하려고 한다면 모바일이면 isMobile = true; pc면 isMobile = false; 이런식으로 사용할 수 있겠죠. 초기화는 isMobile = false; 이렇게 한거고요.

var isMobile = false; // <- 초기화

if(모바일이면) {
isMobile = true;
}else if(pc면) {
isMobile = false;
}

console.log(isMobile)

mouse position interpolation과 transition linear interpolation의 차이

0

72

1

mousemove 시 따라 다니는 커서 이미지 wheel 할 경우

0

180

2

부드러운 움직임 구현1 강의 부분 질문있습니다.

0

147

2

go live 실시간 크롬

0

320

1

javascript 도움말 vsCode 확장팩 문의!

0

362

1

블로그 상단 페럴렉스 효과 구현 질문 있습니다!

0

356

1

마우스 인터렉티브 변형 질문

0

338

1

안녕하세요. 수업 잘 듣고 있습니다. 포트폴리오 관련 질문도 가능할까요?

0

397

1

나비가 버튼위로올라가면 버튼의 hover기능이 멈춰버려요

0

344

1

perspective에 대해서

0

285

1

CSS에서 궁금했던 부분 -실전 페럴렉스 강의 부분

0

480

1

requestAnimationFrame 질문

0

362

1

리뉴얼 이전 강의 파일

0

441

1

코드가 미리보기로 보여주는 확장프로그램이 뭔가요?

0

747

1

수업 파일 부탁드립니다~

0

323

1

배경질문

0

353

1

textWrap의 position을 relative로 주는 것에 대해 질문있습니다!

0

289

1

safari에서 position fixed가 잘 동작하지 않습니다

0

981

1

addEventListener후에 익명함수 실행할때 뒤에 false는 어떤 역할을 하는건가요?

0

555

1

스피드 변수로 scrollTop을 두는 이유가 무엇인가요?

0

363

1

완성파일 어디서 받아볼 수 있나요 ?

0

432

1

완성 파일 요청 드립니다.

0

301

1

사진들이 상단 nav바를 침범하는데 침범 못하게 어떻게해야할까요?

0

152

1

리액트로 하면 어떻게 해야할지 작성해주실수있나요?

0

365

1