zero-base 프론트엔드 스쿨 ⛪️

JavaScript 프로젝트 과제 MISSION 4❗

엄성준 2023. 1. 10. 19:50
728x90

JavaScript 프로젝트 과제 MISSION 4를 코딩하면서 느낀 점에 대해서 적어볼까 합니다.

 

이번 과제에서는 제공되는 template이 없어서 font import부터 icon import까지 제 몫이었는데요.

 

달력 만들기에 앞서서 정말 감이 잡히지 않아서 여러 블로그도 찾아보고 유튜브도 찾아보고 검색 검색을 통해서 완성한 것 같습니다. 이런 학습을 유도하셨던 걸까요?

 

먼저 저는 HTML을 작성 후 CSS를 입히고 JS 완성을 한 뒤 HTML의 flex방식으로 되어있던 달력을 grid 방식으로 수정하였고 반응형으로 제작하라는 요구 사항이 처음에는 이해가 되지 않았는데 grid의 1fr로 주었기 때문에 자동으로 width에 반응해서 줄어들긴 해서 이대로 마무리 지었습니다. 

 

다음으로 이번 과제를 통해서 Date()에 대해서 많이 학습하게 되었는데 아래의 메서드를 많이 사용했던 것 같습니다.

 

Date.prototype.getDate()

Date에서 현지 시간 기준 일(1–31)을 반환합니다.

 

Date.prototype.getDay()

Date에서 현지 시간 기준 요일(0–6)을 반환합니다.

 

Date.prototype.getFullYear()

Date에서 현지 시간 기준 연도(네 자리 연도면 네 자리로)를 반환합니다.

 

또한 제가 코딩하면서 참고한 블로그 링크를 첨부하겠습니다.

 

https://hianna.tistory.com/329

 

[Javascript] 월의 마지막 날짜 계산하기

HTML과 Javascript에서 날짜와 시간을 처리하는 방법을 알아보고 있습니다. [HTML] 날짜, 시간, 년도 입력받기 [HTML] 날짜, 시간 입력 항목 기본값으로 세팅하기 [HTML] 날짜 입력 항목에 현재 시간을 기

hianna.tistory.com

 

마지막 과제는 강의에서 진행했던 무한 스크롤이기 때문에 크게 걱정은 되지 않지만 열심히 하겠습니다!