JavaScript로 캘린더에 월과 년도 출력하기
이전 강의들에서 우리는 첫 강의의 예시였던 캘린더를 만들었습니다. 이제 그것을 개선해 보겠습니다.
우선 캘린더 상단에 현재 월과 년도를 표시하도록 만들어 보겠습니다. HTML 코드에 다음과 같이 변경사항을 적용합니다:
<div id="parent">
<div id="calendar">
<div class="info">1월 2020</div>
<table>
<thead>
<tr>
<th>월</th>
<th>화</th>
<th>수</th>
<th>목</th>
<th>금</th>
<th>토</th>
<th>일</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
CSS 코드에도 변경사항을 적용합니다:
#parent {
text-align: center;
}
#calendar {
display: inline-block;
}
#calendar td, #calendar th {
padding: 10px;
border: 1px solid black;
text-align: center;
}
#calendar .info {
text-align: center;
}
설명된 현재 월과 날짜 출력을 구현하세요.
