반응형

react-calendar 2

달력 일자 선택시 7일이내의 유통기한 임박상품 불러오기 ( 리액트, 스프링부트 )

프론트 ( 리액트 ) 달력const [selectedDate, setSelectedDate] = useState(null); onClick={() => handleDateClick(day)}  // 날짜를 클릭했을 때 실행되는 함수  const handleDateClick = (date) => {    setSelectedDate(date); // 선택된 날짜 상태 업데이트    onDateSelect(date); // 부모 컴포넌트로 선택된 날짜 전달  };클릭이벤트로 일자 선택시 가져오는 이벤트 만듬  메인페이지 ( 달력 일자 선택 시 해당하는 데이터 조회 )Calendar onDateSelect={handleDateSelect} /> const handleDateSelect = (selectedDa..

캘린더 (react, npm, 커스텀)

리액트 캘린더 라이브러리 설치 후 커스텀 할려고 했으나 실패 ( 이유 : 타입스크립트 형식 파일, css 재정의 )라이브러리 설치하면 node-modules에 설치되고 커스텀할려면 react-calendar 밑에 dist에 css 파일을 오버라이딩(재정의) 해야 된다. css 재정의는 같은 이름의 css파일을 내 src 아래 생성 후같은 클래스명에 대해 css를 적어준다=> 이 방법으로는 내가 만들려는 캘린더와 똑같이 만들기 힘들었고 다른 방법을 찾음 ---------------------------------------------------------------------------------------------------------------------새로운 방법달력의 기본적인 틀은 내가 만들고 날..

반응형