emayom.log

  • 방명록

스크립트 태그 1

[JS] HTML에서 <script> 태그의 위치 ?

태그는 내에 혹은 최하단에 위치할 수 도 있지만 보통 태그의 최하단에 를 위치하는 것이 좋다고 한다. 그렇다면 왜일까? 1. 첫번째 이유를 알아보기 전에 우선 브라우저 동작 과정을 간단하게 다시 한 번 상기시켜보자. HTML parser -> DOM tree CSS parser -> CSSOM DOM + CSSOM => Render tree Layout Paint 일련의 과정 중, HTML 파싱 과정에서 script 요소를 만나게 되면 ? HTML 파서는 파싱을 멈추고 자바스크립트 코드를 로드 후 파싱이 완료되고 나서야 다시 HTML 파싱을 재개한다. => 이렇게 중단되며 화면 표시에 지연이 생기는 것을 방지하기 위해 body 최하단에 작성한다. 2. 두번째 이유는 자바스크립트 코드 내에서 DOM을 조작..

JS/Javascript 2021.07.28
이전
1
다음
더보기
프로필사진

emayom.log

습관의 고리는 인식할 수 없을 정도로 너무 약해 보인다. 그러다가 끊어버릴 수 없을 정도로 막강해진다.

  • 분류 전체보기 (114)
    • HTML (2)
    • CSS (10)
      • SCSS (0)
      • CSS3 (0)
    • JS (32)
      • [Udemy] 클린코드 자바스크립트 (0)
      • Javascript (14)
      • React (12)
    • Programmers (46)
      • Algorithm, Data Structure (3)
      • Level 1 (36)
      • Level 2 (7)
    • FE interview (5)
    • etc. (16)
      • git (4)

Tag

리액트, 컴포넌트, level1, 자바스크립트, programmers, 코딩테스트, 프로그래머스, 프론트앤드, JS, 기술면접, input, javascript, 코테, 함수 선언식, level 1, React, css, 레벨 1, Jeklly, html,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바