반응형 dev4 [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. [Android] FCM Data 와 Notification FCM Message Type Notification Message: Firebase 콘솔을 사용하여 메세지를 전송할 수 있고 JSON형식을 따릅니다. 데이터 또한 포함해서 보낼 수 있습니다.(포어그라운드 / 백그라운드 상태에서 동작 가능) -Data를 포함해서 보낼 수 있습니다. 백그라운드 상태 : 시스템 트레이를 통하여 Notification이 표시 -> Default로 처음 시작하는 Activity가 실행 포어그라운드 상태 : onMessageReceived를 통해 데이터 처리 { "message":{ "token":"bk3RNwTe3H0:CI2k_HHwgIpoDKCIZvvDMExUdFQ3P1...", "notification":{ "title":"Portugal vs. Denmark", "body.. 2021. 7. 23. [Web] 웹 표준(Web Standard) 🔶 웹 표준(Web Standard)이란? 웹에서 표준적으로 사용되는 기술이나 규칙을 의미하고 웹사이트에 접속한 사용자는 어떠한 운영체체나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동해야 함을 의미합니다. 또한 표준 스펙을 잘 지키는 것뿐만 아니라 구조적 마크업(XHTML)과 표현 및 레이아웃(CSS) 및 사용자 행위 제어(DOMScripting)를 잘 분리하는 고급 홈페이지 구축 방식을 말하기도 합니다. 🔶 웹 표준 중요한 이유? 현재 전 인류의 절반 이상이 인터넷을 사용하고 있으며 앞으로도 증가하고 있습니다. 또한 브라우저도 다양해지고 있기 때문에 더욱이 표준화가 필요합니다. 브라우저마다 동일한 사이트가 다르게 표시된다면 안될 것입니다. 또한 이를 통해 html과 css가 명확하.. 2021. 7. 21. [JavaScript] 이벤트(Event) 관리 이번에는 Vanilla JS에서 Event를 어떻게 등록하고 감지하여 그 이벤트를 어떻게 다른 화면 요소에 전파하는지를 공부하여 정리하였습니다. Vanilla JS에서 이벤트를 전달하는 방식은 Event Bubbling , Event Capture, Event Delegation로 크게 3가지가 있습니다. 🔶 Vanilla JS에서 Event 사용법 Vanilla JS에서 Event를 등록하여 사용하는 방법은 아래와 같습니다. item button const btn = document.querySelector(".btn"); btn.addEventListener("click" , event=>{ console.log("doing something"); }); //addEventListener(A , B).. 2021. 7. 20. 이전 1 다음 반응형
