addEventListener

예시

	let a = 1000;
        document.body.addEventListener('keydown',(e)=>{
          console.log(e,a)
          if(e.keyCode == 27)
            document.querySelector('.ImageInfo').style.display = 'none';
      });

e는 event이고 a는 해당 1000값이다.

함수 분리하기

let p = (e,a)=>{
          console.log(e,a)
          if(e.keyCode == 27)
            document.querySelector('.ImageInfo').style.display = 'none';
      }
let a = 1000;
document.body.addEventListener('keydown',(e)=>p(e,a));

함수를 분리할경우 기존에 (e)=>형태는 유지되나 실행 함수에 해당 a라는 매개변수를 지정해서 넣어줘야한다.

실수하는 방법

        document.body.addEventListener('keydown',(e,a)=>p(e,a));

이렇게 a를 또 넣으면 예상하지못한 값으로 undefined로 처리된다.