일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 햇소
- ES6+
- gitCLI
- AI
- hooks
- 최적화
- react
- array
- object
- This
- API
- 함수
- learn next.js
- 우아한테코톡
- dev
- JavaScript
- DOM
- developerlife
- github
- next.js
- es6
- CSS
- hatso
- html5
- 변수
- ES5+
- git
- JS
- 선택자
- Python
Archives
- Today
- Total
목록head (1)
codinghatso
window.onload VS DOMContentLoaded
DOMContentLoaded와 window.onload는 모두 웹 페이지 로딩 과정에서 발생하는 이벤트입니다만, 각각의 이벤트가 발생하는 시점과 그 의미에는 중요한 차이점이 있습니다. DOMContentLoadedHTML문서가 완전히 로드되고 파싱 되었을 때 발생합니다.DOM 트리가 완성되었으며, 스크립트 실행을 위한 준비가 완료된 상태입니다.외부 리소스(이미지, 스타일시트, 프레임 등)의 로딩을 기다리지 않습니다.주요 포인트실행 시점 : 이 이벤트는 HTML 문서가 완전히 파싱되고, DOM 트리가 완성되었을 때 발생합니다. 하지만 이미지, 스타일시트, 프레임 등 외부 리소스의 로드는 기다리지 않습니다.사용 이유 : 이 이벤트 리스너는 문서가 완전히 로드되었을 때 JavaScript 코드가 실행될 준..
WEB/JavaScript_Diary
2024. 5. 6. 16:30