728x90
시작하기 전에(필자의 여담)
랜더링 순서? 랜더링 순서란 페이지를 로딩하며 코드가 실행되는 순서를 말한다.
그럼 이게 왜 중요할까? 회사에 입사해서 분명 코드에는 존재하는데 참조하지 못하는 경우를 경험한 적이 있다.
처음엔 내 코드가 잘못 된 줄 알았다. 아, 잘못 된 건 맞다. 하지만 코드를 작성한 위치가 잘못 되었었다...
HTML 랜더링 순서
HTML, jsp 모두 인터프리터 언어이다. 따라서 위에서 아래대로 실행된다.
- Import
- <head>
- <body>
- <body>의 onload
- window.onload (스크립트는 각 상위태그 순서에 따라)
랜더링 순서를 이해하기 위한 DOM 포스팅과 그 밖의 Vue 포스팅은 다음을 참고하자.(게시글 추가 예정)
랜더링 관련하여 Vue.js 프레임워크를 사용할 당시 vue.$nextTick을 사용하며 다시 한번 랜더링에 관해 리마인드를 하는 계기가 되어 포스팅을 하였다.
자세한 히스토리는 필자는 아래의 개발자분을 통해 공부하였다.
참고하도록 하자.
오늘 성장에 도움을 주신 개발자분
728x90
'개발 > HTML & CSS' 카테고리의 다른 글
| will-change를 이용한 하드웨어 가속 (0) | 2022.08.29 |
|---|
댓글