ReactJS로 영화 웹 서비스 만들기 ch.3~ ch.5까지 하루종일 본 기분! 7시간 반 정도 걸린 것 같은데 마지막엔 정말 머리가 혼미했다. 오늘 새로 알게 된 개념은 Default
Default란,
컴퓨터 기술분야에서 말하는 디폴트란 어떤 값이나 설정치 등이 프로그램 사용자에 의해 지정되지 않았을 때, 컴퓨터 프로그램은 미리 정해져있는 값이나 설정치 등을 사용하게 되는데, 이를 디폴트라고 한다.
나중에 알고 보니 자바스크립트를 하면서 이벤트 객체를 다룰 때 preventDefault를 가장 많이 마주쳤다.
이벤트 객체란,
DOM에 대한 이벤트에 연결한 함수는 이벤트 객체를 매개변수로 사용할 수 있습니다. 이벤트 객체에는 이벤트에 대한 정보들과 이벤트를 조작하는 메소드들이 들어있습니다.
1
2
3
4
5
document.onclick = function(event) {
event.preventDefault();
event.stopPropagation();
event.stopImmediatePropagation();
};
preventDefault : 태그의 기본 동작(예를 들면, a 태그는 클릭 시 링크이동, form 태그은 폼 내용 전송)을 하지 않게 막아주는 역할을 하는 메소드
stopPropagation : 태그를 클릭 시 부모에게 이벤트가 전달(버블링)되지 않도록 하는 메소드 stopImmediatePropagation : 버블링을 막음과 동시에 같은 이벤트의 다른 리스너도 실행되지 않도록 하는 메소드
zeroCho blog : https://www.zerocho.com/category/JavaScript/
mdn : https://developer.mozilla.org/en-US/docs/Web/API/Event