[javascript] 응용 기록 3

자바스크립트 이벤트

정적 > 동적으로 일어나는 일

이벤트 등록

addEventLister(지정된 이벤트 타입 문자열, 함수, 옵션);

이벤트 대상을 지정해 준다.

이벤트 등록을 이용한다 - 해당 이벤트가 일어날 때 지정한 함수를 실행한다.

* .ilbuni.c -> ilbuni와 c 클래스를 공통으로 가지는 선택자

 

스크립트 작성 위치

1. head 안

스크립트를 head에 작성할 경우 하위의 html이 로드가 되지 않았기 때문에 자바스크립트가 실행되지 않는다.

> head에 적고 싶다면 로드 이벤트를 사용해야한다.

window.addEventListener('load', function(){});

window.addEventListener("DOMContentLoaded", function(){});

 

2. body 마지막

전역변수: 모든 곳에서 접근할 수 있다. 최소화하는 것이 좋음

body 마지막에 작성하면 전역변수 사용이 증가함

-> 즉시실행함수: 함수를 정의와 동시에 실행

-> 함수를 통째로 ( )로 감싸고 감싼 함수 자체를 호출 연산자로 실행을 해줬다.