힘차게, 열심히 공대생

  • 홈
  • 깃허브
  • 방명록

브라우저 순서 1

[JS] Jvascript를 HTML에 링크할때 효율적인 방법(script async 와 defer의 차이점 )

1. head 태그 안에 삽입 보통 헤드안에 script태그를 많이 삽입하여 링크하는데 (나도 그랬다) html 문서를 파싱할 때 js를 가져오는 순서를 보면 아래의 그림과 같다. 1. 브라우저에서 html 문서를 한줄 씩 파싱하여 CSS파일과 병합하여 DOM요소로 변환한다. 2. 한줄씩 Parsing을 이어가다가 JS를 만나면, 파싱을 멈추고 JS파일을 다운로드 한다. 3. 다운로드가 완료되면 JS파일을 실행한다. [단점] 가장 일반적인 방법이지만 JS 파일이 크다면 페이지가 로딩되는데 너무 많은 시간이 걸린다는 단점이 있다. 2. body 태그 안에 삽입 다른 방법으로 js파일을 바다태그안에 삽입하는 방법이 있는데 이렇게 하면, html 파일을 모두 파싱 후 js 파일을 링크할 수 있다. [장점] H..

JavaScript 2021.08.14
이전
1
다음
더보기
프로필사진

민돌v 🌱Back-end Developer

  • 분류 전체보기 (478) N
    • 회고 (40)
      • 일상 후기 회고 (6)
      • Today I Learned (30)
      • WIL (내일배움 캠프) (4)
    • 🔥 공대생은 성장 중 (12)
      • 강의 (5)
      • 세미나 (5)
      • 일잘하기 (2)
    • 📗 개발자 책 읽기 (21)
      • 모던 자바 인 액션 (7)
      • 가상 면접 사례로 배우는 대규모 시스템 설계 기초 (10)
      • 한권 내용 정리 (4)
    • Java (54)
      • Java 문법 (24)
      • Design Pattern (23)
      • 클린 코딩 (with OOP) (6)
    • Spring (101) N
      • Spring Boot (72) N
      • Test-Driven Develop (13)
      • Spring 김영한 (5)
      • Spring err (9)
      • 기타 (2)
    • Kafka (0)
    • Infra (35)
      • AWS (24)
      • Docker(도커) (3)
      • CI, CD (8)
    • Web-Network (9)
    • html-css (11)
    • JavaScript (27)
    • Flask (5)
    • Django (23)
      • 기초 (6)
      • 응용 (6)
      • django error (1)
      • 개인 프로젝트1(안전한 보행길 지도) (10)
    • Python (9)
    • TCP-IP 윈도우 소켓 프로그래밍 (6)
    • QGIS(지리정보) (4)
    • 운영체제 (18)
      • 쉽게 배우는 운영체제 (9)
      • Linux (9)
    • DataBase (28)
      • DB (2)
      • Mysql (19)
      • MongoDB (6)
      • Redis (1)
      • DynamoDB (0)
    • Git (9)
    • Android (1)
    • 알고리즘 문제 (54)
    • 스파르타 내일배움 캠프 (3)
    • CS 면접 준비 (3)
    • 기타 애매한 것 (4)

방문자수Total

  • Today :
  • Yesterday :
06-26 03:56

공지사항

  • 도전하지 않으면, 노력은 의미가 없다.
  • 할거면 깊게 해, 어중간하게 말고
  • 하면, 할 수 있다.
  • 아무것도 하지 않으면, 아무 일도 일어나지 않는다~!

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Copyright © Kakao Corp. All rights reserved.

  • Git
  • Mail

티스토리툴바