react로 datePicker를 만들어보자 -1 윤년

TOC

1. datePicker를 만들기 위한 준비 : 윤년
2. 준비

1. datePicker를 만들기 위한 준비

달력을 만들기 위해 가장 먼저 알아야 할 것은 윤년인지 아닌지를 판가름 하는 것이다.

출처 educba

윤년은 1년이 366일인 해를 뜻한다

윤년인지 아닌지 확인하고 싶은 년도를 year이라 하자

year가 4로 나누어 떨어지면서 100으로는 나누어 떨어지지 않는 경우와 400으로 나누어 떨어지는 경우는 윤년이다.

이를 알기 쉽게 표기 해놓은게 위의 알고리즘이다.

2. 준비

출처 youtube code and create

이 캘린더는 위의 출처의 영상을 보며 만든 것이다.
완성본을 뜯어보며 알고리즘만 쏙 빼내어 react에 쓰일 datePicker components로 만들어보도록 할 것이다.

총총

datepicker나 calendar와 같은 모델은 만들기는 복잡하지만 만들어 놓은건 또 완벽히 활용하기가 힘들다.

calendar같은 경우 마음대로 활용 할 수 있으려면 직접 만드는 것 말고는 방법이 없어보인다.