본문 바로가기

window2

Window, DOM 차이 자바스크립트 window.onload와 DOMContentLoaded 이벤트는 웹 페이지의 로딩 상태에 따라 다르게 동작하는 JavaScript 이벤트 이번 문제는 기존에 구현된 내용들을 참고하여 새로운 기능을 구현하면서 직접 짠 자바스크립트 내용을 추가하면서 문제가 발생하게 되었다. 기존 스크립트가 작동을 안하는 문제였다. 코드가 너무 오래되고 지저분한 부분도 있고 내 실력이 부족한 부분도 있어 이 문제를 해결하는데 생각보다 많은 시간이 들어 정리를하게 되었다. 자바스크립트의 실행 시점 때문에 발생하는 문제였다. 페이지 전체가 로드되기 전에 발생해야 하는 내용이였기 때문이다. 그런 이유로 문제의 원인은 DOMContentLoaded방식을 사용하여 해결하였다. window.onload 이벤트: 1. 이 이벤트는 웹 .. 2023. 9. 24.
JavaScript(date, window, setTimeout, setInterval, 시계만들기, location, form) ✔ Date 객체 날짜, 시간등을 쉽게 처리할 수 있는 내장 객체 연도(year) - 2자리로 연도를 표기 : 1900 ~ 1999sus - 4자리로 연도를 표기 : 2000 ~ 월(month) - 0(1월) ~ 11(12월) Date 객체를 생성하는 방법 new Date() : 현재 날짜 시간을 저장한 객체가 생성 new Date('날짜 문자열') : 해당 특정 날자와 시간을 저장한 객체가 생성 new Date('밀리초') : 1970년 1월 1일 0시 0분 0초 ~ 해당 밀리초만큼 지난 날짜와 시간을 저장한 객체가 생성 new Date(년, 월, 일 , 시, 분 ,초 ,밀리초) : 해당 특정 날자와 시간을 저장한 객체가 생성 console.log(new Date()); // 내 OS 시간을 가저온다... 2022. 11. 7.