📔
web_study
  • JavaScript
  • 엘리_자바스크립트
    • 자바스크립트 기본
      • 클래스 예제와 콜백함수
      • 연산자 boolean
      • 함수 정의, 호출 그리고 콜백
      • 변수타입과 object 차이점
    • JavaScript async 와 await
    • JavaScript Promise
    • 자바스크립트 callback
    • 자바스크립트 json
    • 유용한 10가지 배열 함수들
    • 자바스크립트 배열(array)
    • 자바스크립트 object
    • 자바스크립트 (class vs object) 객체지향 언어
    • 자바스크립트 함수
    • 자바스크립트 연산.반복문
    • 데이터타입, data types, let vs var, hoisting
    • script async 와 defer의 차이점 콘솔 출력
    • 자바스크립트역사
  • 생활코딩
    • 재귀함수
    • 정규 표현식
    • 객체지향
      • 객체지향 프로그래밍
      • 생성자와 new
      • 전역객체
      • this
      • 상속
      • prototype
      • 표준 내장 객체의 확장
      • object
      • 데이터 타입
      • 참조
    • 함수지향
      • 유효범위
      • 값으로서의 함수와 콜백
      • 클로저
      • arguments
      • 함수의 호출
    • UI API, 문서
    • 모듈
    • 객체
    • 배열
    • 함수
    • 반복문
    • 조건문
    • 숫자와문자
    • 변수
    • 비교
  • 노마드 코더
    • Getting the Weather part One Geolocation
    • Image Background
    • TO DO List
    • Saving the User Name
    • Clock part One
    • 조건문 ( if , else, and, or)
    • evnet handlers
    • Function
    • Objects
    • Arrays
    • Variable(변수!)
    • Javascript
  • javascript30
    • Dram Kit
    • clock
    • Css Javascript
    • Array Cardio
    • flex panels
    • type ahead
    • Canvas Draw
    • Speech Synthesis
    • Whack A Mole
  • web standard
    • script 부분
    • form부분
    • 웹접근성
    • <meta>
  • 자바스크립트_이론
    • 기본지식(JAVASCRIPT)
    • 기본지식(CSS)
    • 기본지식(HTML)
    • 기본지식(HTTP)
    • Dom
    • 라이브러리, 프레임워크, 플로그인
Powered by GitBook
On this page
  • 콘솔 출력
  • js 를 header 에 넣었을때
  • js 를 body 끝나기 전에 넣었을때
  • async
  • defer
  • 'use strict';

Was this helpful?

  1. 엘리_자바스크립트

script async 와 defer의 차이점 콘솔 출력

Previous데이터타입, data types, let vs var, hoistingNext자바스크립트역사

Last updated 3 years ago

Was this helpful?

콘솔 출력

node.js

node.js에서 브라우저에서 출력되는 console log를 똑같이 확인 가능하다 -> console API가 있기때문에 똑같이 확인가능 브라우저가 이해 할 수 있는 함수

문법관련 공부할때 참조 (MDN)

js 를 header 에 넣었을때

js를 먼저 다운로드하고 parsing html을 해주기때문에 페이지가 구성되는 속도가 느려질 수 있다.

js 를 body 끝나기 전에 넣었을때

  • 페이지의 기본 구조가 완성된후에 js가 실행하게됨

  • 단점은 js에 많이 의존하는 페이지는 parsing HTML이 끝난 후에 시작되므로 사용자들이 정상적인 화면을 보기까지의 시간이 길어짐

async

  • 병렬로 js를 다운로드 받자 명령한 후에 다시 parsing HTML을 하다가

    js가 다 다운로드완료가 되면 parsing을 멈추고 js 를 실행하고 parsing을 다시시작함

    시간이 단축되는 장점이 있다. ​

    ​

  • parsing HTML js를 다운받기위해 언제든 멈출 수 있기때문에 사용자가 페이지를

    보는데 시간이 더 걸릴 수 있는 단점이 있다.

defer

  • 사용자들에게 정상적인 페이지를 먼저 보여준 뒤 에 js가 실행함 a,b,c의 js가 있을때 순서대로 다운받은후에 실행시켜준다. -> 필요한것을 다 다운받은 후에 순서대로 실행됨

  • 제일 실용적이고 효율적임

'use strict';

  • added ECMAS SCRIPT 5

  • 바닐라스크립트를 쓸때는 선언하는것이 좋

  • 파일 제일 위에 선언하면 좋다. 자바스크립트 엔진이 좀 더 효율적이게 실행시켜줌

https://developer.mozilla.org/en-US/docs/Learn