728x90 300x250 SMALL javaScript545 DOMContentLoaded와 load의 차이 DOMContentLoaded DOMContentLoaded 이벤트는 초기 HTML 문서를 완전히 불러오고 분석했을때 발생한다. 스타일 시트, 이미지, 하위 프레임의 로딩은 기다리지 않는다. window.addEventListener('DOMContentLoaded', (event) => { console.log('DOMContentLoaded'); }); load load 이벤트는 리소스와 그것에 의존하는 리소스들(이미지, 외부 스크립트 등)의 로딩이 완료 되면 실행된다. window.addEventListener("load", function(event) { console.log("load!"); }); 즉 DOMContentLoaded는 HTML, DOM트리만 생성되면 실행된다 반면 load는 이미.. 2022. 12. 24. [javaScript] 리터럴 보호되어 있는 글 입니다. 2022. 12. 23. [javaScript]typeof를 이용해서 조건에 따라 함수 실행하기 var 함수명 = function(){ //처리할 내용 } if(typeof 함수명 == "function"){ 함수명(); //함수명이 있을 경우 실행 } else { //함수명이 없을 경우 처리할 내용 } 참고 : https://spprince.tistory.com/274 2022. 12. 22. [javaScript] 인스턴스란? 함수 사용을 위해서 함수를 호출하듯이 클래스를 사용하기 위해서는 보통 인스턴스를 생성해줘야 한다. 클래스가 설계도라면 인스턴스는 설계도대로 만들어진 결과물이라고 할 수 있다. 예를 들어서 한페이지에 2개의 슬라이드가 있다면 하나의 슬라이드 클래스를 만들고 2개의 인스턴스를 만들어서 사용한다. 이스턴스는 다음과 같이 new 키워드로 만든다. var 인스턴스 = new 클래스명(); 인스턴스가 만들어지면 클래스 안에 프로퍼티(변수)와 메서드(함수)를 사용할 수 있게 된다. 2022. 12. 21. 이전 1 ··· 60 61 62 63 64 65 66 ··· 137 다음 728x90 반응형 LIST