🎈 직접 구현하는 이유? 리액트에서는 보통 react-datepicker라는 기존에 잘 만들어진 라이브러리를 많이 사용한다. 하지만 내가 원하는 기능, 원하는 디자인 대로만 수정하는 것은 다소 번거롭다. 때문에 나는 언제든 원하는 기능과 디자인으로 수정을 용이하게 할 수 있도록 datepicker를 직접 구현해 보았다. 📢 구현 중 사용되는 것 1. 먼저 moment라는 라이브러리에 대해 알아두어야 한다. 이 라이브러리는 달력에 표시되는 요일 등을 대신 계산해준다. 이 계산 또한 직접하려면 해당 알고리즘을 이용해서 구할 수 있으나 여기서는 moment를 이용하였다. 2. 선택된 날짜나 현재 달력에 표시되는 연도 등을 useState라는 리액트 훅을 이용하여 관리한다. ( * 변경 시 render되도록 )..
[웹 프로젝트] 리액트 datepicker 직접 구현하기
🎈 직접 구현하는 이유? 리액트에서는 보통 react-datepicker라는 기존에 잘 만들어진 라이브러리를 많이 사용한다. 하지만 내가 원하는 기능, 원하는 디자인 대로만 수정하는 것은 다소 번거롭다. 때문에 나는 언제든 원하는 기능과 디자인으로 수정을 용이하게 할 수 있도록 datepicker를 직접 구현해 보았다. 📢 구현 중 사용되는 것 1. 먼저 moment라는 라이브러리에 대해 알아두어야 한다. 이 라이브러리는 달력에 표시되는 요일 등을 대신 계산해준다. 이 계산 또한 직접하려면 해당 알고리즘을 이용해서 구할 수 있으나 여기서는 moment를 이용하였다. 2. 선택된 날짜나 현재 달력에 표시되는 연도 등을 useState라는 리액트 훅을 이용하여 관리한다. ( * 변경 시 render되도록 )..
2022.03.20