- Fullcalendar: 웹앱 개발 달력, 일정, 스케줄러 구현 시 사용할 수 있는 자바스크립트 기반 오픈소스 라이브러리
FullCalendar - JavaScript Event Calendar
Open Source... With over 10 years of open source and over 120 contributors, FullCalendar will always have a free and open source core. Learn more
fullcalendar.io
- 유료로 이용가능한 서비스도 있는 거 같다!
- 사용법
- 패키지 다운로드, 라이브러리 등록
<!-- fullcalendar 사용 --> <script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.10/index.global.min.js'></script>
- 패키지 다운로드, 라이브러리 등록
- 달력 나타내는 코드
➡️ 기본적인 달력을 나타내기 위해서는 위에 태그 한줄로 가능!<div id='calendar'></div>
➡️ 기본적인 달력 세팅const calendar = new FullCalendar.Calendar(calendarEl, { headerToolbar: { // 헤더 설정 left: 'prev', center: 'title', right: 'today next' }, // locale: 'ko', initialView: 'dayGridMonth', fixedWeekCount: false, }); calendar.render();
- headerToolbar:
- 이벤트 (일정에 대한 모달)
'Java' 카테고리의 다른 글
Java - SSE 방식 Chat app (0) | 2024.05.04 |
---|---|
Java - TDD 방법론 (0) | 2024.05.03 |
Java - input file 커스텀 (0) | 2024.04.28 |
MultipartRequest을 통한 파일 업로드 (0) | 2024.04.26 |
Java - 파일 업로드(1) (1) | 2024.04.25 |