# Defer

39개의 포스트
post-thumbnail

드림코딩 자바스크립트 1 - 콘솔에 출력, script async와 defer 차이

Console API는 Web API중 하나로 브라우저가 제공하는 함수들이다. (js가 제공하는 것 아님)HTML parsing이 시작되는 동시에 fetching js도 시작. HTML parsing이 끝난 후 js를 실행시킨다.여러 js를 받을 경우에도 parsing

어제
·
0개의 댓글
post-thumbnail

자바스크립트 셀프 QnA(2): 브라우저 렌더링 101

NodeJS의 등장으로 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용할 수 있는 범용 개발언어가 되었다. 그러나 여전히 자바스크립트가 가장 많이 사용되는 분야는 웹 브라우저 환경에서 동작하는 웹페이지/애플리케이션의 클라이언트 사이드! 이때

2일 전
·
0개의 댓글
post-thumbnail

[JavaScript #18] Basic of JavaScript - JavaScript 위치

JavaScript가 작동하기 위해서는 브라우저와 JavaScript파일을 호출하는 html파일이 필요하다.HTML 파일에 자바스크립트 코드를 넣으려면 ... 안에 작성해야 브라우저가 자바스크립트 코드라고 인식한다.JavaScript 코드를 넣는 방법은 이렇게 여러

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

[JavaScript] JS 파일 로드 방식 비교 (async vs defer)

html src 로드 방식 비교

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

[Javascript] 5. Strict, 객체, 내장형 객체

1. Strict 모드 Javascript에서 안전성과 효율성 면에서 사용하지 말아야 할 구문을 발견하여 오류로 통지해주는 구조이다. Internet Explorer에서는 Version 10 이상에서만 지원한다. 2. 외부 스크립트를 비동기방식으로 로드하기-async

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

TIL JS 1일차

async, defer, 'use strict', 브라우저 작동 순서

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

TIL 8. JS - HTML과 JS연결하기

HTML과 JS를 연결하는 방법에 대하여,,

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

[TIL] day 11. 추상화

지난주에 이어 프로그래밍 방식에 대해 계속 학습해오고 있다. 함수형, 선언형, 명령형, 객체지향형 .. 종류는 많지만, 특정 방식이 더 우월하기 보다는 상황에 따라 적절한 방식이 있기 마련이다. 지난주엔 함수형 프로그래밍 방식하나로 골머리를 앓았지만 그래도 공부해보면서

2021년 8월 17일
·
0개의 댓글

[TIL] HTML 모듈 스크립트가 해결하는 문제

Q1. HTML의 모듈 스크립트는 어떤 문제를 해결하는가?Q2. 모듈 스크립트를 사용할 일이 많은가?

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

TIL.02 async, defer

HTML파일에 ``태그를 이용해 JavaScript를 하는 방법은 4가지가 있다. 일반적인 sciprt tag 삽입 body태그 안에 script 태그 삽입 async 속성 사용 defer 속성 사용 1.일반적인 script ta 삽입 1번 방법은

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

[TIL.03] Script option, Operator, Class and Object

script async vs defer default script 에 option 값을 주지 않고 html 파일을 실행하게 되면 위에서 아래로 순차적으로 코드가 실행된다. 위에서부터 HTML parsing을 하다가 중간에 script 코드가 있으면 parsing을 멈

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

Async와 Defer - 엘리님🎡:]

Async와 Defer는 알쥐?!

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

5월31일 TIL

웹 api: 자바스크립트하고 상관 없이, 브라우저가 제공하는 브라우저가 이해할 수 있는 함수들ex. console async vs defer 분석이 다 끝나고 실행하냐 vs 끝나기 전에 실행하여 html 분석 속도가 늦춰지냐.

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

TIL 01 - script async와 defer

html 파일을 한 줄씩 읽으며 css와 병합하며 dom요소로 변환script태그를 마주치게 되면 읽는것을 멈추고 index.js를 다운받고 실행하게 된다모든 스크립트 다운->실행까지 끝난 뒤 다시 html을 parsing하게 된다\*\*<span style="c

2021년 5월 19일
·
0개의 댓글

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일
·
1개의 댓글
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개의 댓글