Sign in

fullcalendar

it dev react fullcalendar

[MySchedule project] 15. React-big-Calendar 사용하기 (1)

이번 시간은 react big calendar 라이브러리를 사용해서 스케줄관리에 대한 코드를 작성해 보겠다. 구현에 들어가기 앞서 react-big-calendar 라이브러리를 설치한다. 추가적으로 날짜관리 라이브러리인 moment.js도 같이 설치 해준다. [ 설치 ] npm install --save react-big-calendar npm install moment [ import ] - "react-big-calendar" 라이브러리와 "moment.js"를 설치 했다면 아래 부분을 import 해준다. import { Calendar, View, DateLocalizer } from "react-big-calendar"; import moment from "moment"; import { mom..
wono | discuss |
it dev nextjs fullcalendar

월간 달력 출력하기 (FullCalendar / Shadcn)

FullCalendarFullCalendar: 복잡한 일정 관리가 필요한 경우 (예: 회사 일정 관리, 예약 시스템)장점단점월/주/일 등 다양한 뷰 제공이벤트 표시 및 관리 기능이 풍부시간대별 일정 관리 가능드래그 앤 드롭으로 일정 이동 가능번들 사이즈가 큼초기 설정이 복잡할 수 있음스타일링 커스터마이징이 까다로움무료 버전과 프로 버전의 기능 차이 1. FullCalendar 관련 종속성 설치 명령어yarn add @fullcalendar/core @fullcalendar/react @fullcalendar/daygrid @fullcalendar/coreFullCalendar의 핵심 기능을 제공하는 기본 패키지Calendar 클래스와 같은 핵심 기능을 포함하고 있어 캘린더를 생성하고 관리하는 데 필수적..
wono | discuss |