자바스크립트 이벤트 리스너 이해 예제

 

위에는 내가 실습했던 인스타그램 클론했던 자료에서 가지고왔다

 

 

 

 

const eventbox = document.querySelector(".phoneclass");   =

 

//eventbox라는 변수에

  phoneclass라는 클래스 명을 넣어준다. 이상태는 html에 있는 input class phoneclass라는 돔을 

  이벤트 주기위한 연동상태이다.

 

참고로 돔은 웹에서 

element는 visual studio 안에서 불리어진다.

function park1 () {

    console.log(eventbox.value);

}

 

eventbox.addEventListener("keypress",park1);

 

keypress 이벤트 타입을 function (park1)으로 보여진다.

 

 

 

왜 리액트를 쓰는지 알겠다!!!