눈뜬감자의 웹개발

1. document readydocument ready는 문서가 DOM(Document Object Model)을 모두 로드했을 때 실행되는 이벤트입니다. 즉, DOM이 준비된 시점에 JavaScript 코드를 실행할 수 있도록 합니다.예시:jQuery를 사용한 방식javascript코드 복사$(document).ready(function() { console.log("DOM이 준비되었습니다!"); });Vanilla JavaScript를 사용한 방식javascript코드 복사document.addEventListener("DOMContentLoaded", function() { console.log("DOM이 준비되었습니다!"); });// jQuery$(document).ready(function(..

회사에서 업무하다가 가끔 기사를 읽고 싶을 때가 있다그럴땐 기사를 몰래 보곤하는데 이미지가 나와서 당황스럽다그래서 이미지를 없애버리고 싶단 생각을 하게 됨 $("img").remove(); 이 코드만 쓰더라도 모든 img가 사라진다 하지만,jQuery는 이미 로드된 DOM 요소를 대상으로 하기 때문에동적으로 추가된 이미지 요소 또는 Shadow DOM 내부의 이미지 요소를 삭제하는 데문제가 있을 수 있음 이럴 땐document.querySelectorAll('img').forEach(i => i.remove()) js로 바꿔서 써주면 된다... 한번에 날아가버리는 img들!아래를 봐보자 JavaScript의 querySelectorAll은 실제 DOM의 모든 요소를 순회하므로,jQuery로 인식되지 않는..