728x90 반응형 달력1 [Part.1] React 달력 제작하기 프로젝트를 진행하다보면 달력을 필요로 하는 일이 많다.초기에는 달력 라이브러리 사용을 고려했으나, 다음과 같은 이유로 직접 제작하여 사용해 보기로 결정했다. 1. tailwindcss를 활용한 커스텀의 어려움2. 다른 프로젝트에서도 사용 가능한 달력 컴포넌트 제작 [목표]1. 단일/범위 선택 기능2. 오늘 기준 이전 달 이동 X3. 오늘 기준 이전 날짜 클릭 X Part.1 달력 구현하기 이전 달 이동, 이전 날짜 클릭을 막기 위해 today 변수를 추가하고,달력 기능 구현을 위해 useState 추가.초기 값은 today로 설정해 주었다.const today = new Date();const [currentDate, setCurrentDate] = useState(today); 달력을 구성하기 위한 변.. 2024. 11. 20. 이전 1 다음 728x90 반응형
