# Defer
드림코딩 자바스크립트 1 - 콘솔에 출력, script async와 defer 차이
Console API는 Web API중 하나로 브라우저가 제공하는 함수들이다. (js가 제공하는 것 아님)HTML parsing이 시작되는 동시에 fetching js도 시작. HTML parsing이 끝난 후 js를 실행시킨다.여러 js를 받을 경우에도 parsing
자바스크립트 셀프 QnA(2): 브라우저 렌더링 101
NodeJS의 등장으로 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용할 수 있는 범용 개발언어가 되었다. 그러나 여전히 자바스크립트가 가장 많이 사용되는 분야는 웹 브라우저 환경에서 동작하는 웹페이지/애플리케이션의 클라이언트 사이드! 이때
[JavaScript #18] Basic of JavaScript - JavaScript 위치
JavaScript가 작동하기 위해서는 브라우저와 JavaScript파일을 호출하는 html파일이 필요하다.HTML 파일에 자바스크립트 코드를 넣으려면 ... 안에 작성해야 브라우저가 자바스크립트 코드라고 인식한다.JavaScript 코드를 넣는 방법은 이렇게 여러
[Javascript] 5. Strict, 객체, 내장형 객체
1. Strict 모드 Javascript에서 안전성과 효율성 면에서 사용하지 말아야 할 구문을 발견하여 오류로 통지해주는 구조이다. Internet Explorer에서는 Version 10 이상에서만 지원한다. 2. 외부 스크립트를 비동기방식으로 로드하기-async
[TIL] day 11. 추상화
지난주에 이어 프로그래밍 방식에 대해 계속 학습해오고 있다. 함수형, 선언형, 명령형, 객체지향형 .. 종류는 많지만, 특정 방식이 더 우월하기 보다는 상황에 따라 적절한 방식이 있기 마련이다. 지난주엔 함수형 프로그래밍 방식하나로 골머리를 앓았지만 그래도 공부해보면서
[TIL] HTML 모듈 스크립트가 해결하는 문제
Q1. HTML의 모듈 스크립트는 어떤 문제를 해결하는가?Q2. 모듈 스크립트를 사용할 일이 많은가?
TIL.02 async, defer
HTML파일에 ``태그를 이용해 JavaScript를 하는 방법은 4가지가 있다. 일반적인 sciprt tag 삽입 body태그 안에 script 태그 삽입 async 속성 사용 defer 속성 사용 1.일반적인 script ta 삽입 1번 방법은
[TIL.03] Script option, Operator, Class and Object
script async vs defer default script 에 option 값을 주지 않고 html 파일을 실행하게 되면 위에서 아래로 순차적으로 코드가 실행된다. 위에서부터 HTML parsing을 하다가 중간에 script 코드가 있으면 parsing을 멈
.png?w=768)
5월31일 TIL
웹 api: 자바스크립트하고 상관 없이, 브라우저가 제공하는 브라우저가 이해할 수 있는 함수들ex. console async vs defer 분석이 다 끝나고 실행하냐 vs 끝나기 전에 실행하여 html 분석 속도가 늦춰지냐.
TIL 01 - script async와 defer
html 파일을 한 줄씩 읽으며 css와 병합하며 dom요소로 변환script태그를 마주치게 되면 읽는것을 멈추고 index.js를 다운받고 실행하게 된다모든 스크립트 다운->실행까지 끝난 뒤 다시 html을 parsing하게 된다\*\*<span style="c
Javascript-async, defer 차이
async,defer차이 Uncaught TypeError떴다. defer추가하니깐 됬다. async, defer속성은 자바스크립트 로드와
드림코딩 JS 영상 2편 정리
console에서 확인 가능 브라우저 console, nodejs에서 둘다 확인 둘다 console에 관련된 API(Application Programming Interface)가 있기 때문 web apis는 브라우저자체에 포함되어 있는 브라우저가 이해할 수 있는 함
[TIL]script의 defer , async 속성
HTML파일에 script를 포함시킬 때 `<script>`를 이용하는데, inline으로 스크립트를 작성하거나, `src` 속성에 자바스크립트의 위치를 지정해서 외부 스크립트를 불러올 수 있다.
[TIL-js] console출력 및 JS포함 방식
본격적인 JS를 공부함에 있어 가장 기본적으로 알아두어야 할 사항이 있다면 바로 console일 것이다. console은 탭을 통해서 작성한 코드의 메세지를 확인하거나 간단한 JS실행도 가능하다. 또한 source 탭에서는 debugging을 할 때 유용하게 사용된다.
TIL 7. JS(async&defer)
☝🏻 보통 JavaScript와 HTML을 연결시킬 때, HTML과 CSS처럼 HTML의 파일 안에 script tag를 사용한다.(CSS는 link tag)다만, 웹 페이지에 HTML을 열때 JavaScript는 script tag의 위치에 따라 전체적으로 실행되는