차근차근

  • 홈
  • 태그
  • 방명록

async 1

<script> 태그의 위치(async vs defer)

HTML parsing을 마친 후에 async를 사용하면 병렬적으로 JS fetching 하기 때문에 fetching 시간을 절약할 수 있지만 async 또한 body 태그가 전부 읽히기 전 JS가 먼저 실행되기 때문에 &#39;1번 head 태그 내부에 script 태그가 위치할 경우&#39;와 비슷한 문제를 일으킬 수 있다. 추가적으로 async의 경우에는 아래와 같이 비동기적으로 여러 스크립트를 다운, 실행하기 때문에 스크립트의 순서에 상관없이 실행될 수 있다. 따라서 실행 순서가 서로 영향이 있는 스크립트들을 사용할 때에는 주의해서 사용해야 한다. (동기적인 실행을 위해서는async=false로 설정하여 순서대로 실행할 수 있다.) head + defer defer을 사용하면 병렬적으로 JS fe..

프로그래밍 공부/Frontend 2021.09.05
1
더보기
프로필사진

  • 분류 전체보기 (300)
    • 프로그래밍 공부 (125)
      • Javascript (79)
      • React (10)
      • Computer Science (15)
      • Git (3)
      • Frontend (14)
      • Backend (4)
    • 알고리즘 공부[Javascript] (175)
      • 프로그래머스 1단계 (43)
      • 프로그래머스 2단계 (30)
      • 백준 (102)

Tag

this, til, 정렬, 백준, 알고리즘, 재귀함수, 11279번, 5525번, 11724번, 2630번, REACT, ANIMATION, 화살표 함수, 17225번, 6064번, 17219번, GreenSock, 유사배열, 34기, node.js,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바