[java script] Window: DOMContentLoaded event

window.addEventListener('DOMContentLoaded', (event) => {
    console.log('DOM fully loaded and parsed');
});

js 파일 링크를 html head에 걸어주면 html body 영역의 내용을 읽기 전에 js파일이 시작되서 js가 아무것도 할 수가 없는 상황이 온다. 그래서 html이 모두 로드되었을 때 js가 실행될 수 있도록 할 필요가 있는데 그 떄 사용할 수 있는 window 객체의 메서드이다. 

 

전부 로드되고 나서 event가 실행된다.  보통 저 익명함수 안에 init(); 함수를 넣고 

그 init() 함수 안에 다른 함수를 넣어 실행한다.