꿈많은 DEVELOPER

  • 홈
  • 태그
  • 방명록

Loading 1

오늘은 자바스크립트에 문서 로딩 순서 제어하기

작업을 준비하다 보면 작업을 하다보면 Script위치를 어디에 놓는게 좋을까요? 제일 좋은 방법은 body 태그 최하단에 놓는것이 가장 좋습니다! 일단 브라우저의 동작 방식은 1. Html을 읽기 시작합니다 2. Html을 파싱합니다 3. DOM 트리를 생성합니다 4. DOM 트리 + CSS을 생성되고 로드가됩니다 여기서 우리가 스크립트를 중간이나 최상위에 놓는다면 Html 읽는 과정에서 중간에 스크립트를 만난다면 파싱을 하는데 지연이 될것이고 스크립트를 못읽는 현상이 발생할수도 있습니다 그래서 저희는 가장좋은 방법은 body 최하단에 script을 넣는것이 가장 좋습니다. 그럼 스크립트 로딩 순서를 제어해보죠 async 방식은 비동기 방식으로 html 중단되지 않고 진행이 됩니다 defer 문서가 다 ..

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

꾸준히 발전하는 FRONTEND AND BACKEND...빛나는 사람이 될것^^

  • 분류 전체보기 (296)
    • my life (3)
    • Node.js & TypeScript (24)
    • Nest.js (7)
    • JavaScript (57)
    • 알고리즘 100일 챌린지 (50)
    • Html & Css (5)
    • Jquery (6)
    • React-Native (0)
    • React (22)
    • AWS (19)
    • Git (11)
    • GA (0)
    • ITstudy (42)
    • Sql개발자 (16)
    • 도커&쿠버네티스 (4)
    • 네트워크 관리사 (18)
    • 리눅스 (3)
    • SW 정보처리기사 (1)

Tag

알고리즘 공부, 자바스크립트 코딩테스트, react, 개발공부, 자바스크립트 알고리즘, MySQL, 네트워크관리사, aws, 자바스크립트, Git, 프론트엔드, 프론트개발자, 개발자, IT, 백엔드, SQL, JavaScript, 프로그래머스 자바스크립트, 프론트, jquery,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 함께 성장하는 개발 커뮤니티, GIT 팔로워를 통해 지식을 나눠요! 🚀

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

  • IT종사자에게 꼭 필요한 블로그
  • 경제블로그

티스토리툴바