$(document).ready(function(){}); 자바스크립트로

제이쿼리 $(document).ready(function(){}); 를 자바스크립트로 구현하는 방법

-> document.addEventListener("DOMContentLoaded", function(){});

 

 

 

** addEventListener() 메서드는 지정한 이벤트가 대상에 전달될 때마다 호출할 함수를 설정합니다. 

참고 : https://developer.mozilla.org/ko/docs/Web/API/EventTarget/addEventListener

 

** DOMContentLoaded 이벤트는 초기 HTML 문서를 완전히 불러오고 분석했을 때 발생합니다.

     스타일 시트, 이미지, 하위 프레임의 로딩은 기다리지 않습니다.

참고 : https://developer.mozilla.org/ko/docs/Web/API/Window/DOMContentLoaded_event