Search…
⌃K

Calendar

기간: 최대 5일
Could not load image
인터넷에 올라와 있는 다른 사람의 작업물을 참고하여 작업하는 것은 여러분의 실력향상에 전혀 도움이 되지 않는 방법입니다.

참고사항

위 사이트를 참고하여 최대한 똑같은 기능을 구현해보세요.
특이 케이스에 대한 대응은 하지 않아도 괜찮습니다. 예) 윤년, 기원전 등 CSS 스타일은 참고 예제 사이트와 100% 완전 동일하지 않아도 됩니다.
달력은 현재 날짜를 기준으로 첫 페이지가 나타나야 합니다.

Code Boilerplate

Calendar_Boilerplate.zip
220KB
Binary

TODO

  1. 1.
    오늘의 현재 요일 표기
  2. 2.
    오늘의 현재 날짜 표기
  3. 3.
    오늘의 현재 월 표기
  4. 4.
    오늘의 현재 연도 표기
  5. 5.
    일,월,화,수,목,금,토 요일 라벨링 표기
  6. 6.
    현재 월의 1일이 무슨 요일인지 판별하고, 해당 요일 라벨링에 1일 표기하기
  7. 7.
    현재 월의 마지막 날짜까지 달력에 표기하기
  8. 8.
    우측 화살표를 클릭 했을때, 다음 달의 요일 및 날짜 표기
  9. 9.
    좌측 화살표를 클릭 했을때, 이전 달의 요일 및 날짜 표기
  10. 10.
    특정 날짜를 클릭 했을때, 상단의 요일 및 날짜 반영하기
구현해야 할 내용을 작은 단위로 잘라 우선순위를 정하고, 우선순위에 따라 하나씩 작업하세요. 필요에 따라 스스로 더 세세하게 단계를 나누어도 좋습니다.
완성하지 못하더라도 최대한 본인의 능력을 보여주세요! 🏄🏻‍♂️

Create and Share your code history!

캘린더 프로젝트는 여러분이 지금까지 작성해 온 코드 중 가장 코드의 양이 많을 것으로 예상되네요. 이렇게 작업량이 많은 코드를 작성할 때에는 작업의 내용을 작은 단위로 쪼개고, 변경 내용을 잘 관리하는 것이 중요합니다.
Git을 사용해 작업 내역(commit history)을 생성해보면 도움이 될겁니다. 커밋 단위로 여러분의 작업 포인트를 저장해두면 언제 어떤 내용을 누가 수정했는지 확인하는 것은 물론이고 원하는 시점으로 코드의 내용을 되돌릴 수도 있습니다.
작업이 어느정도 완료되었다면 여러분의 캘린더 코드를 공유해보세요. 지난 챕터에서 배운 Gitlab 원격 저장소에 코드를 업로드(push)하고, 저장소 주소를 공유해보세요 😎