본문 바로가기

오블완21

이유식 준비물 체크리스트 이유식 준비물 이유식 냄비 이유식 용기 이유식 스푼 이유식 저울 이유식 도마 이유식 칼 이유식 큐브 이유식 보냉가방 이유식 턱받이 이유식 의자 거름망 스파츌라 믹서기 또는 핸드블렌더 계량컵 2024. 11. 15.
html link tag 특성 ( 전체 특성 보기 좋게 정리하는 중 ) 설명 : 외부 리소스 연결요소 특성(속성) 목록 href 특성은 연결할 리소스의 URL. 절대경로와 상대경로 URL 모두 가능 rel 특성은 관계(relationship)를 뜻하며, 현재 문서와 연결한 아이템의 관계를 설명한다. 요소의 제일 중요한 특성 중 하나이다. 공백으로 구분한 리스트를 지정 ex) rel=" alternate stylesheet"  rel="stylesheet" : 외부 리소스가 스타일시트로 사용됨. type 특성을 지정하지 않으면 text/css 로 인식한다. alternate 키워드와 조합해서 사용하면 대체가능 스타일시트라고 정한다.(반드시 빈값이 아닌 title 특성과 함께 사용)  rel="preload" : 브라우저가 이 리소스를.. 2024. 11. 14.
script tag async defer 속성 스크립트 요소를 본문의 맨 마지막( 태그 바로 앞)에 배치하면 모든 HTML을 읽은 후에 스크립트를 불러오게 되는데 이 방법은 HTML DOM을 모두 불러오기 전에는 스크립트의 로딩과 분석이 완전히 중단된다. 그래서 많은 스크립트를 포함하는 대형 사이트에서는 이로 인해 사이트 속도가 느려지는 중대한 성능 문제가 발생할 수 있다. 위의 문제를 해결하는 방법으로 async, defer 속성을 사용한다. 두 속성 모두 브라우저가 페이지의 다른 내용(DOM 등)을 불러오는 동안 스크립트를 별도 스레드에서 불러오게 하여 페이지 로딩이 중단되지 않는다. - async 속성다운로드가 끝나는 즉시 현재 페이지의 렌더링을 중단하며 스크립트를 실행한다. 실행 순서가 보장되지 않기 때문에 스크립트를 즉시 실행해야 하고 종속.. 2024. 11. 13.
DocumentFragment MDN DocumentFragment 설명DocumentFragment 인터페이스는 아주 작고 부모를 갖지 않는 문서 객체를 나타냅니다.DocumentFragment는 일반 문서처럼 노드로 구성된 문서 구조를 저장할 수 있으므로 Document의 가벼운 버전으로 사용됩니다. Document와의 중요한 차이점으로, DocumentFragment는 활성화된 문서 트리 구조의 일부가 아니기 때문에 내부의 트리를 변경해도 문서나 성능에 아무 영향도 주지 않으며 리플로우도 방지할 수 있습니다. * 리플로우 : 브라우저가 웹 페이지의 위치와 기하학적 구조를 다시 계산 * 리페인트 : 브라우저가 웹 페이지를 다시 그려 결과적인 시각적 갱신 간단하게 엘리먼트를 백업/복원할 때 사용할 수 있고 그 외에 다른 사용방법이 .. 2024. 11. 12.
[종료]엽떡데이 할인 24년 11월 11일~14일 주요 확인 사항 - 엽떡앱에서만 주문가능 - 배달비는 제외 - 회원 ID 당 1번만 가능 - 엽기메뉴 주문시에만 할인 https://app.yupdduk.com/link/ 2024. 11. 11.
싸지방 남은 금액 네이버포인트 전환 우연히 알게된 싸지방 e머니 네이버페이로 전환하기!전환하기 클릭 나라사랑포털 e-머니 연결하기 또는 포인트 확인 충전해놓은 금액이 있었다면 전환하기🫡 2024. 11. 10.