# Defer

jeeyeon116

defer는 왜 사용하나? 자바와 달리 html은 순차적으로 진행된다. 임포트된 javascript가 DOM Tree가 완성된 후 진행될 수 있도록 지연시켜주기 위해 사용한다.

jihyun_j

Today I Learned 2023. 10. 26

eoeo

불리언 타입, 선언하면 true로 설정html 파싱 중, async가 나타나면 해당 js 파일을 병렬로 다운만 받다가 다운이 완료되면 파일을 실행하고 파싱을 이어서 진행스크립트가 여러개일 경우, 먼저 다운 완료된 스크립트를 먼저 실행시키기 때문에 자바스크립트 순서가

shunny

브라우저는 html 파일을 받으면 한 줄 한 줄 해석하여 DOM 요소로 변환(parsing)하며 script tag를 만나면 해당 js file을 불러오게 된다.script tag를 head에 포함하는 경우 js file을 모두 불러온 후 화면이 보여지게 되는데 fil

seungit

html을 불러올 시 자바스크립트가 포할(...)되어 있다면 스크립트를 먼저 실행한다.스크립트를 실행할때에는 위애서 아래로 한줄씩 읽다가 멈춘 뒤 태그의 내용을 다운로드 한 뒤 나머지 내용들이 처리된다.

hannabananah

html 문서에서 src 속성의 외부 스크립트 script 를 로딩 할 때 다양한 방법이 존재함 스크립트가 모두 로딩 된 후에서야 사용자들은 스크립트 밑의 페이지를 볼 수 있는데 만약 스크립트의 용량이 크다면 로딩 시간이 오래 걸릴 것이고, 그 시간 동안은 페이지 자

hameee

🌈 학습을 위해 Must-Know-About-Frontend에서 가져온 내용을 수정, 추가하여 작성한 글입니다. 기존 내용과 대부분 유사하며 Summary 부분은 추가하였습니다. Summary | | ` | | ` | | :--------: | :--------: | :--------: | :--------: | | 카테고리 | ` 태그와 속성 |...

hellomrma

defer는 DOM 로드가 완료될 경우 실행 async는 외부 플러그인이라던가 연관성이 없는 경우 다운 받자마자 실행.

yj05037

<script> html을 파싱(읽어 내려감)하는 과정에서 이 태그를 만나면 파싱이 중단되고 스크립트를 실행한다. 스크립트가 다 실행이 되면 파싱을 재개한다.<script async> html 파싱과 병렬적으로 로드된다. (같이진행)단, 스크립트가 실행 될때

meloncoder

js파일의 크기가 크면 html 파싱하는데 시간이 오래 걸리기 때문에 좋은 방법이 아니다.js파일이 fetching하고 executing하기 전에 page contents를 볼 수 있다.하지만 웹이 js파일에 의존도가 높으면 의미있는 page를 볼 수가 없다.fetch

ryu2738

브라우저가 Html 파싱하는 순서는 위에서 아래로 진행한다.예를 들어 body전에 script 태그가 있다고 가정하면,html 파싱시작script 태그를 만나면 html 파싱 잠시 멈춤.스크립트 파일 다운(script fetch)스크립트 파일 실행멈춘 지점부터 파싱 시

rlwjd31

event와 event type에 대해서

bcgrhio

그 분야와 연관성이 있는 defer와 async에 대해서 알아보겠습니다.

wansook0316

개체 지향을 얘기하면 꼭 나오는 단어인 예외에 대해서 알아본다.

leverest96

사전 지식1\. parsing html : html 분석하기2\. fetching js : js 가져오기3\. executing js : js 실행하기순서 : parsing html -> fetching js -> executing js -> parsing htmlb

hyunj9956

defer, async

pikadev1771

화면을 렌더링할 때는 HTML 파일과 CSS 파일이 필요HTML 파일은 DOM 트리를, CSS 파일은 CSSOM 트리를 만들고 두 트리를 결합(렌더 트리)하여 렌더링할 때 사용이 두 트리 중에서 하나라도 변경되면 리렌더링을 유발하는데, 이때 트리의 크기가 크고 복잡할수

jhooh

head + defer 방식

fepanbr

script 태그의 defer, async 속성에 대해 정리해보고자 한다.브라우저의 렌더링은 싱글 쓰레드(Single Thread)로 작동하고, 쓰레드는 렌더링과 스크립트 태그 실행 두가지 일을 모두 수행한다. 그래서 HTML문서를 렌더링하는 과정 중, 스크립트 태그를

minsson

- defer 구문을 쓰면, 그 내부의 코드들이 나중에 실행되게 만들 수 있다. 그 나중은, defer 구문을 감싸고 있는 가장 가까운 코드 블록을 벗어나는 시점이다. 코드를 읽어내려가면서 defer 구문을 훑기만 했다면 어떤 이유로 defer 구문의 최대 근접 코드