Javascript_load event(DOMContentLoaded, load, beforeload, unload)

html에서 작성한 코드를 로드할 때 event를 추가할 수 있다

✅ DOMContentLoaded

: html은 font, img 등을 읽어낸 후에 load하지만 읽기 전에 html부터 로드하고 싶을 경우 사용

document만 로드하고 싶을 경우
window.addEventListener('DOMContentLoaded', () => {
	실행할 함수...
})

✅ load

: 모두 다운받은 후 최종적으로 load

document만 로드하고 싶을 경우
window.addEventListener('load', () => {
	실행할 함수...
})

✅ beforeunload

: load를 끄거나 없애기 직전에 event를 사용하고 싶을 때 사용

document만 로드하고 싶을 경우
window.addEventListener('beforeunload', () => {
	실행할 함수...
})

✅ unload

: load를 끄거나 없앨 때

document만 로드하고 싶을 경우
window.addEventListener('unload', () => {
	실행할 함수...
})