# Defer

23개의 포스트

Javascript-async, defer 차이

async,defer차이 Uncaught TypeError떴다. defer추가하니깐 됬다. async, defer속성은 자바스크립트 로드와

2021년 4월 22일
·
0개의 댓글

드림코딩 JS 영상 2편 정리

console에서 확인 가능 브라우저 console, nodejs에서 둘다 확인 둘다 console에 관련된 API(Application Programming Interface)가 있기 때문 web apis는 브라우저자체에 포함되어 있는 브라우저가 이해할 수 있는 함

2021년 4월 19일
·
2개의 댓글
post-thumbnail

[TIL]script의 defer , async 속성

HTML파일에 script를 포함시킬 때 `<script>`를 이용하는데, inline으로 스크립트를 작성하거나, `src` 속성에 자바스크립트의 위치를 지정해서 외부 스크립트를 불러올 수 있다.

2021년 4월 13일
·
0개의 댓글
post-thumbnail

[TIL-js] console출력 및 JS포함 방식

본격적인 JS를 공부함에 있어 가장 기본적으로 알아두어야 할 사항이 있다면 바로 console일 것이다. console은 탭을 통해서 작성한 코드의 메세지를 확인하거나 간단한 JS실행도 가능하다. 또한 source 탭에서는 debugging을 할 때 유용하게 사용된다.

2021년 3월 16일
·
2개의 댓글
post-thumbnail

TIL 7. JS(async&defer)

☝🏻 보통 JavaScript와 HTML을 연결시킬 때, HTML과 CSS처럼 HTML의 파일 안에 script tag를 사용한다.(CSS는 link tag)다만, 웹 페이지에 HTML을 열때 JavaScript는 script tag의 위치에 따라 전체적으로 실행되는

2021년 3월 15일
·
0개의 댓글

javascript_async vs defer

html에 javascript를 추가하는 방법head에 script를 포함parsing html → fetching js → executing js → parsing htmljs파일이 크다면 웹사이트를 보는데 시간 소요가 많다.body에 script를 포함parsing

2021년 3월 7일
·
0개의 댓글

defer 사용하는 이유

html 파일을 렌더링 하다가 script 태그를 만나면 서버는 자바스크립트 파일을 가져옵니다.여기서는 hello.js파일을 가져오고 실행합니다.하지만 여기서 우리는 body 부분을 모두 실행하지 않았습니다.hello.js가 body에 있는 element들을 접근했다면

2021년 3월 5일
·
0개의 댓글
post-thumbnail

TIL[001] 21.03.03

defer [미루다, 연기하다] 태그의 defer 속성은 페이지가 모두 로드된 후에 해당 외부 스크립트가 실행됨을 명시한다.

2021년 3월 3일
·
0개의 댓글
post-thumbnail

TIL | 자바스크립트 async와 defer 차이

👩🏻‍💻 HTML에서 JavaScript 불러오는 방법 💡 head + script 💡 body + script 💡 head + script async 💡 head + script defer

2021년 2월 10일
·
0개의 댓글
post-thumbnail

JavaScript | 01. script async와 defer

도입 node js에는 javascript의 엔진이 있어서 브라우저 없이도 js를 실행시킬 수 있음 JS는 Console API를 사용 async와 defer는 script태그를 사용할 시에 사용 API : Application Programmi

2021년 1월 31일
·
0개의 댓글

[Go] The Go Programming Language #5-8: 연기된 함수 호출

"The Go Programming Language" 책을 바탕으로 작성됨.

2021년 1월 28일
·
0개의 댓글

JavaScript defer

deferdefer 속성을 넣어주면 body까지 렌더링후 hello.js 스크립트를 실행한다.그렇기 때문에 body가 렌더링 되기 전에 element에 접근하여 발생하는 에러를 방지할 수 있다.

2021년 1월 27일
·
0개의 댓글
post-thumbnail

Let's Golang - 4

Go function - defer, naked function

2021년 1월 26일
·
0개의 댓글
post-thumbnail

defer

defer에 대해서 알아보자

2021년 1월 11일
·
0개의 댓글

script async 와 defer의 차이점

script async 와 defer의 차이점

2021년 1월 6일
·
0개의 댓글
post-thumbnail

defer와 async 차이점 🤷‍♀️

defer 속성을 가진 스크립트는 브라우저가 &lt;script defer>를 만났을 때 다운로드 시작하지만, HTML파싱을 막지 않고 &lt;/html> 을 만났을 때 실행된다.하지만 일부 브라우저에서는 defer속성을 지원하지 않음므로 주의해야한다.async 속성을

2020년 11월 25일
·
0개의 댓글
post-thumbnail

script async 와 defer의 차이점

보이는것과 같이 순차적으로 html 를 받다가 script async 를 만나서 같이 병렬로 main.js를다운 받게된다 다 받은뒤 js부분을 다 executing 해준뒤에 나머지 html 를 파싱해준다장점은 js펜칭하는시간을 아낄수있다 단점은 html 과 js 같이

2020년 11월 13일
·
0개의 댓글

[HTML] 콜라보 with 자바스크립트

HTML에서 자바스크립트를 사용하려면 어떻게 해야할까?

2020년 10월 16일
·
0개의 댓글
post-thumbnail

TIL] JavaScript-asyn vs defer

.script 사용: HTML 문서의 script tag 안에 작성된 코드는 JavaScript 언어로 인식되므로 직접 HTML에 작성하는 방법도 있지만 모든 파일은 분리하여 사용하는 것이 좋으므로 추천하지 않는다..head 안에 script로 연결하기: HTML을 p

2020년 9월 23일
·
0개의 댓글
post-thumbnail

TIL 08 | JavaScript, Hello World!

API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어, 창 제어, 화상

2020년 7월 21일
·
0개의 댓글