꿈많은 DEVELOPER

  • 홈
  • 태그
  • 방명록

html javascript 1

script 요소의 defer과 async 속성을 통한 효과적인 스크립트 로딩

🤷‍♂️ 본론에 들어가기 앞서 웹 개발을 하다 보면 B 위 HTML 문서는 브라우저에서 다음과 같이 순차적으로 처리가 됩니다. A가 화면에 출력됨 script.js 파일을 내려받아 자바스립트 코드가 실행됨 B 가 화면에 출력 * HTML은 동기식으로 한줄한줄 읽어나가는 특징을 가지고 있다. HTML 삽입 미리보기할 수 없는 소스 🤷‍♂️ defer vs async 속성? 전통적으로 script 요소를 head 요소 안에 넣도록 배우는 경우가 많지만 실제 프로젝트 or UI & UX 측면에서 body 요소 제일 마지막에 script를 넣어서 사용자에게 최적화된 웹페이지 경험을 줄 수 있다. 미리 HTML 그려주고 script를 렌더 하는 방식이다. Defer 속성 정의 요소에 defer 속성의 정의 def..

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

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

  • 분류 전체보기 (295)
    • my life (2)
    • 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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

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

페이스북 트위터 플러그인

  • 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.

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

티스토리툴바