[JS] 캘린더 사전지식

캘린더 만들기

Date

var date = new Date()
date.getFullYear(); // 2024
date.getMonth(); // 11
date.getDay(); // 

getDay, getDate

getDay: 주어진 날짜가 요일의 몇 번째 날인지 반환합니다. 즉, 0(일요일)부터 6(토요일)까지의 값을 제공합니다.
getDate : 주어진 날짜가 몇 일인지 반환합니다. 즉 1~31 까지의 값을 제공합니다.

         const year = parseInt(document.getElementById("year-select").value);
        const month = parseInt(document.getElementById("month-select").value);

        const firstDay = new Date(year, month - 1, 1).getDay(); // 해당하는 연, 월의 첫날의 요일 
        const lastDate = new Date(year, month, 0).getDate(); // 해당하는 연, 월의 마지막날의 숫자. 예를 들어 31, 30, 29, 28.

month - 1을 한 이유는 0~11의 값을 갖기 때문입니다.

기타 중요 함수들

document.getElementById('????') : 셀렉터함수.

document.getElementById('year-select').innerHTML = '안녕';
document.createElement

var vs let vs const

var : 함수 스코프, 재선언 및 재할당 가능
let : 블록 스코프, 재선언 불가 재할당 가능
const:블록 스코프, 재선언, 재할당 불가능 (상수임)