반응형 개발/Web2 [Web] LifeCycle of an Html Page (Html의 생명주기) 🔶 Intro html 페이지의 lifecycle은 3개의 중요한 event를 가지고 있습니다. DOMContentLoaded : Browser에서 HTML이 완전히 로드되고 DOM tree가 만들어 질 때 발생하는 이벤트 load : 문서의 모든 콘텐츠(images,script,css, etc)가 로드된 후 발생하는 이벤트 beforeunload / unload : 사용자가 페이지를 벗어날 때 일어나는 이벤트 🔶 DOMContentLoaded 위 이벤트는 onload 이벤트보다 먼저 발생합니다. 즉, DOM tree가 완성되면 바로 발생하므로 빠른 실행 속도가 필요할 때 적합합니다. 다음은 DOMContentLoaded를 이벤트를 다루는 방법들입니다. //vanilla js window.addEvent.. 2021. 7. 24. [Web] 웹 표준(Web Standard) 🔶 웹 표준(Web Standard)이란? 웹에서 표준적으로 사용되는 기술이나 규칙을 의미하고 웹사이트에 접속한 사용자는 어떠한 운영체체나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동해야 함을 의미합니다. 또한 표준 스펙을 잘 지키는 것뿐만 아니라 구조적 마크업(XHTML)과 표현 및 레이아웃(CSS) 및 사용자 행위 제어(DOMScripting)를 잘 분리하는 고급 홈페이지 구축 방식을 말하기도 합니다. 🔶 웹 표준 중요한 이유? 현재 전 인류의 절반 이상이 인터넷을 사용하고 있으며 앞으로도 증가하고 있습니다. 또한 브라우저도 다양해지고 있기 때문에 더욱이 표준화가 필요합니다. 브라우저마다 동일한 사이트가 다르게 표시된다면 안될 것입니다. 또한 이를 통해 html과 css가 명확하.. 2021. 7. 21. 이전 1 다음 반응형
