문서가 로딩되는 시점 제어하는 DOMcontentLoaded, load 이벤트 📌 Event DOMContentLoaded, load 는 브라우저가 HTML을 전부 읽고 DOM 트리를 완성할 때 발생되는 이벤트다. DOMContentLoaded – 브라우저가 HTML을 전부 읽고 DOM 트리를 완성하는 즉시 발생합니다. 이미지 파일()이나 스타일시트 등의 기타 자원은 기다리지 않습니다. load – HTML로 DOM 트리를 만드는 게 완성되었을 뿐만 아니라 이미지, 스타일시트 같은 외부 자원도 모두 불러오는 것이 끝났을 때 발생합니다. 📌 사용상황 DOMContentLoaded – DOM이 준비된 것을 확인한 후 원하는 DOM 노드를 찾아 핸들러를 등록해 인터페이스를 초기화할 때 load – 이미지 사이..
Uncaught TypeError: Cannot read properties of undefined (reading 'backdrop') 에러 bootstrap v5.2.3. 발생 상황 부트스트랩 모달 사용 중에 Cannot read properties of undefined (reading 'backdrop') 에러가 발생했다. 나의 경우는 모달창을 별도의 페이지로 나눠서 사용 중이였기 때문에 target을 인식하지 못해서 발생하는 것 같다. 문제 해결 https://github.com/twbs/bootstrap/issues/37305#issuecomment-1457088096 TypeError Cannot read properties of undefined (reading 'backdrop') - b..
📂 LG U+ 홈페이지 클론코딩 패스트캠퍼스X야놀자 첫 번째 프로젝트 2023-07-24~2023-07-28 레퍼런스 사이트 & 데모 사이트 레퍼런스 : https://www.lguplus.com/ 데모 : https://glowing-chebakia-807feb.netlify.app/ 프로젝트 설명 및 선정 이유 첫 클론코딩 프로젝트인 만큼 내가 배웠던 걸 써먹어 보고 싶었다 그래서 내 수준(?)에서 구조적으로나 기능적으로 구현할 수 있는 웹 사이트를 선정했다 구현 내용 1. fixed된 헤더메뉴 position: fixed; 속성을 이용해 스크롤 시에도 헤더 유지 2. 슬라이더와 애니메이션 전환효과 swiper 라이브러리와 scrollMagic 라이브러리를 통해 슬라이더와 애니메이션 기능 추가 3. ..
