Be lazy, Be crazy

카카오 홈페이지에 가면 오늘 날짜에 따라 타이틀이 바뀌는 것을 볼 수 있습니다 오늘 날짜 (월, 일, 요일)을 감지해서 기능을 넣은 것 같아요 1) 오늘 날짜 얻기 - 매개변수 없이 Date 함수를 new 연산자를 이용하여 호출하면 현재 날짜, 시간이 담긴 object 형태로 today 변수에 담긴다 - getFullYear() : 연도를 얻을 수 있음 - getMonth() : 월을 얻을 수 있음 (month는 0부터 세기 때문에 1월이면 0으로 나옴) - getDate() : 일을 얻을 수 있음 - getDay() : 요일을 얻을 수 있음 (day는 0(일요일) ~ 6(토요일) 으로 나옴) - 그 외에 getHours(), getMinutes(), getSeconds() 등이 있고, get 대신 se..

카카오 홈페이지에 가면 스크롤에 따라 헤더가 바뀌는 것을 볼 수 있습니다 사용자의 스크롤 움직임을 이벤트로 감지해서 기능을 넣은 것 같아요 1) 스크롤 위치 얻기 - addEventListener 메서드로 scroll 이벤트 시 함수 실행하는 명령어 작성 - document.documentElement : 비어있지 않은 HTML 문서라면 항상 (최상단요소)요소를 가리킴 - Element.scrollTop : 요소 최상단부터의 현재 수직 스크롤 위치를 얻음 - 콜백 함수 안에 변수 작성 시 스크롤할 때마다 실행하기 때문에 실시간으로 위치 얻어올 수 있음 document.addEventListener("scroll", function () { let documentY = document.documentEle..