Tiny Bunny
본문 바로가기
Java

Java - Fullcalendar

by 내이름효주 2024. 4. 29.
  • 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