React
리액트 라이브러리없이 달력(Calender) 구현 with "date-fns"
DatePicker 디자인 위 사진은 현재 진행중인 사이드 프로젝트의 디자인시스템 입니다. 위 사진은 디자인 시스템에 있는 datepicker 가 사용되고있는 디자인 시안입니다. 해당 디자인은 기존에 나와있는 캘린더 라이브로리로 구현하기에 어려움이 있었습니다. 따라서 직접 Datepicer 캘린더를 구현하기로 했습니다. Datepicker 날짜 구하기 먼저 각 날짜와 요일 계산등을 쉽게하도록 도와주는 라이브러리인 date-fns 를 설치해야합니다. yarn add date-fns 1. 캘린더에 그려줄 날짜 계산 커스텀훅 작성하기 커스텀훅으로 작성하는 이유는 첫번째로 해당 데이터의 재사용성 증가,두번째로는 화면을그리는 UI와 데이터를 분리하여 유지보수를 쉽게 할 수 있습니다. import { addDays..
