깃허브 전체 코드
https://www.youtube.com/watch?v=jFmcH5GVRs4
☑️ 기획
- 위
- 왼쪽 → 몇 년도인지, 몇 월인지 나타내기
- 오른쪽 → 버튼 3개 : 이전 달, 이번 달, 다음 달로 넘기기
- 캘린더
- 맨 위 쪽에는 요일이 표시
- 지난 달과 다음 달이 부분은 투명으로 표시
- 오늘 날짜는 빨간색 원 + 흰 글씨로 표시
🤔 변경이 되는 부분은 어디일까?
변경이 되어야 하는 부분은 자바스크립트로 처리해야 합니다. 기획의 의도에 맞춰 생각해봅시다
month을 변경하는 버튼 3개에 따라 month가 변경됩니다.month 변경에 따라 date 가 변경됩니다.
- date를 좀 더 생각해보면 7일*5주 = 35 칸이 일반적으로 되겠지만, 날짜 개수가 많은 날은 7일 * 6주 = 42 칸이 될 수도 있습니다.
- 유연하게 변경하기 위해서
innerHTML 을 활용해서 변경해줍시다!