Skip to content

[오타수정] Part 2 5.1 DOMContentLoaded, load, beforeunload, unload 이벤트 #1584 #1585

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Violet-Bora-Lee merged 3 commits into from
Oct 8, 2022
Merged

[오타수정] Part 2 5.1 DOMContentLoaded, load, beforeunload, unload 이벤트 #1584 #1585

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3e57da3
[오타수정] Part 1 - 1.1 자바스크립트란? (이슈 #1441)
y00eunji Jul 26, 2022
c52b0fc
Merge branch 'javascript-tutorial:master' into master
y00eunji Sep 21, 2022
ad89c33
[오타수정] Part 2 5.1 DOMContentLoaded, load, beforeunload, unload 이벤트 #1584
y00eunji Sep 21, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion 2-ui/5-loading/01-onload-ondomcontentloaded/article.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ document.addEventListener("DOMContentLoaded", ready);

### DOMContentLoaded와 scripts

브라우저는 HTML 문서를 처리하는 도중에 `<script>` 태그를 만나면, DOM 트리 구성을 멈추고 `<script>`를 실행합니다. 스크립트실행이 끝난 후에야 나머지 HTML 문서를 처리하죠. `<script>`에 있는 스크립트가 DOM 조작 관련 로직을 담고 있을 수 있기 때문에 이런 방지책이 만들어 졌습니다. 따라서 `DOMContentLoaded` 이벤트 역시 `<script>` 안에 있는 스크립트가 처리되고 난 후에 발생합니다.
브라우저는 HTML 문서를 처리하는 도중에 `<script>` 태그를 만나면, DOM 트리 구성을 멈추고 `<script>`를 실행합니다. 스크립트 실행이 끝난 후에야 나머지 HTML 문서를 처리하죠. `<script>`에 있는 스크립트가 DOM 조작 관련 로직을 담고 있을 수 있기 때문에 이런 방지책이 만들어 졌습니다. 따라서 `DOMContentLoaded` 이벤트 역시 `<script>` 안에 있는 스크립트가 처리되고 난 후에 발생합니다.

예시를 통해 이를 살펴봅시다.

Expand Down