답변이 너무 늦었네요. 다른 분들을 위해 답변 남겨둡니다. 풀캘린더 최신 버전에서 테스트하지 못했습니다. 보통 버전업시 일부 기능에 문제가 있는 경우도 있습니다. 물론 잘 되는 경우도 있구요. 영상 내용을 무리 없이 진행하려면 버전 맞추는 것이 좋습니다. 구글에서 "fullcalendar 5.11.2 cdn"이런식으로 검색하시면 손쉽게 js 설치가 가능합니다(많은 경우 제이쿼리 플러그인은 무료 cdn이 존재함)
구글 캘린더와 연동된 채로, 일정을 추가하거나 삭제하는 기능 말씀하시는 거죠? 해당 기능을 구현하려면 먼저 구글 로그인을 함께 연동하여 캘린더 추가 및 삭제 권한을 구글로부터 할당 받아야 합니다. 그 후 구글 캘린더 API를 활용해 추가 또는 삭제가 가능합니다. 난이도가 상승하는 등 여러 이유로 해당 내용은 영상으로 만들지 않았습니다. 구현은 가능하지만 시간 및 노력이 꽤 들어가는 작업입니다 (구글 캘린더와 연동하는 기능들을 제공하는 앱이 많은데 모두 이런 방식으로 구현합니다. 즉 구글 로그인 후 권한 할당 받아 구현합니다)
풀 캘린더만 다루는 영상도 이전에 다룬 적이 있습니다. 우선 한 가지 방법을 말씀드리면.. 일정 등록 시, 제목까지 넣는 게 일반적인데.. 제목을 제외하고 나머지만 넣어보세요. 풀 캘린더에서 일정에 해당하는 것이 event 객체입니다. 이것을 통해 일정을 등록하는데... event 객체는 다음과 같은 구조입니다. start: '2023-10-27', end: '2023-10-27', title: '중요 일정', backgroundColor: '#FFCC00', allDay: true 이 중에서 title 속성을 공백으로 지정해 보세요 start: '2023-10-27', end: '2023-10-27', title: '', backgroundColor: '#FFCC00', allDay: true 혹은 풀 캘린더의 css를 분석해 특정 날짜의 td 칸에 직접(강제적) 백그라운드를 부여할 수도 있습니다. 마지막으로 풀캘린더는 버전마다 조금씩 레퍼런스가 다릅니다. 그래서 필요 정보 구글링 검색하실때 사용하시는 버전과 맞는지 확인하는 것도 필요합니다.
무료 버전과 유료 버전이 따로 있습니다. 유료 버전에는 타임 라인과 같은 기능까지 풀로 사용 가능하고 문의사항에 대한 답변을 해주는 서비스도 제공하는 걸로 압니다. (구현하시려는 범위를 보고 무료 또는 유료 중 판단하시면 되겠네요) 다음 페이지에 그 내용이 있더군요. 살펴보세요. fullcalendar.io/pricing
말 그대로 "/fullcalendar/dist/index.global.js" 위치에서 내용을 찾지 못해 그럴 수 있습니다. localhost로 작업 중이신가요? 그렇다면.. "localhost/fullcalendar/dist/index.global.js" 이 주소를 브라우저에 복사 & 붙여넣기해 보세요. 그렇게 했을 때, 파일을 찾지 못한다면...해당 경로가 잘못되었거나, 그 위치에 파일이 실제 존재하는지 확인해 보세요. 이와는 반대로 CDN 서비스를 활용할 수도 있습니다. 구글에서 "fullcalendar cdn"이라고 검색하여 내용을 찾아보세요. 제가 검색해 보니... 다음 내용이 있네요. 이것을 사용해 보실 수도 있습니다.
![[subtitle] Google Calendar API - fullcalendar 달력 연동하기 #google#calendar#fullcalendar](http://i.ytimg.com/vi/fIUxbj1f7SE/mqdefault.jpg)
![[subtitle] Google Calendar API - fullcalendar 달력 연동하기 #google#calendar#fullcalendar](/img/tr.png)
이 채널은 진짜내요 정말 유익합니다
좋게 봐주셔서 감사해요!
풀캘린더 최신버전이 6.1.14여서 받았는데 lib 폴더가 없어요. main.min 파일은 어디서 찾을수있을까요? 그냥 5.11.2버전 받아서 해야하나요?
답변이 너무 늦었네요. 다른 분들을 위해 답변 남겨둡니다.
풀캘린더 최신 버전에서 테스트하지 못했습니다. 보통 버전업시 일부 기능에 문제가 있는 경우도 있습니다. 물론 잘 되는 경우도 있구요. 영상 내용을 무리 없이 진행하려면 버전 맞추는 것이 좋습니다.
구글에서 "fullcalendar 5.11.2 cdn"이런식으로 검색하시면 손쉽게 js 설치가 가능합니다(많은 경우 제이쿼리 플러그인은 무료 cdn이 존재함)
폴캘린더공홈에가셔서다운로드 밑에 내리다보면5.12버전따로있어용! 다운받으시면될듯..
와 대박.................... 근데 이걸 페이지 전체가 아니라 메인화면에 한 영역으로 표시되게 할 수도 있을가요? div나 section 으로요
가능합니다. 동영상에서 에 달력을 띄었는데 이걸 원하시는 메인 페이지 영역에 넣으시고 style 태그로 width, height등 원하는 값 넣으시면 됩니다
(달력이 페이지의 일부분이라도 잘 작동합니다)
@@sourcePlayground 와우 감사합니다!!!🧡
풀캘린더로 일정관리를 하는 페이지를 만들고싶었는데 강의 감사합니다. 한가지 질문이 있는데 웹페이지에서 바로 일정을 추가하거나 삭제할 수는 없나요?
구글 캘린더와 연동된 채로, 일정을 추가하거나 삭제하는 기능 말씀하시는 거죠?
해당 기능을 구현하려면 먼저 구글 로그인을 함께 연동하여 캘린더 추가 및 삭제 권한을 구글로부터 할당 받아야 합니다.
그 후 구글 캘린더 API를 활용해 추가 또는 삭제가 가능합니다.
난이도가 상승하는 등 여러 이유로 해당 내용은 영상으로 만들지 않았습니다.
구현은 가능하지만 시간 및 노력이 꽤 들어가는 작업입니다
(구글 캘린더와 연동하는 기능들을 제공하는 앱이 많은데 모두 이런 방식으로 구현합니다. 즉 구글 로그인 후 권한 할당 받아 구현합니다)
@@sourcePlayground 아 그렇군요. 알려주셔서 감사합니다 ! 좋은 영상들 감사합니다~
구글 캘린더를 쓰지않고 풀 캘린더에 일정이있다는
표시만 가능하게 제작은 어떻게 하나요.??
풀 캘린더만 다루는 영상도 이전에 다룬 적이 있습니다.
우선 한 가지 방법을 말씀드리면..
일정 등록 시, 제목까지 넣는 게 일반적인데..
제목을 제외하고 나머지만 넣어보세요.
풀 캘린더에서 일정에 해당하는 것이 event 객체입니다.
이것을 통해 일정을 등록하는데... event 객체는 다음과 같은 구조입니다.
start: '2023-10-27',
end: '2023-10-27',
title: '중요 일정',
backgroundColor: '#FFCC00',
allDay: true
이 중에서 title 속성을 공백으로 지정해 보세요
start: '2023-10-27',
end: '2023-10-27',
title: '',
backgroundColor: '#FFCC00',
allDay: true
혹은 풀 캘린더의 css를 분석해 특정 날짜의 td 칸에 직접(강제적) 백그라운드를 부여할 수도 있습니다.
마지막으로 풀캘린더는 버전마다 조금씩 레퍼런스가 다릅니다.
그래서 필요 정보 구글링 검색하실때 사용하시는 버전과 맞는지 확인하는 것도 필요합니다.
Django 웹프레임워크로 적용시켜보려고 하는데 FullCalendar 사이트가서 보니까 상업적으로 이용하기 위해서 혹은 더 많은 기능들을 사용하려면 요금을 지불하는것이 맞나요?
무료 버전과 유료 버전이 따로 있습니다.
유료 버전에는 타임 라인과 같은 기능까지 풀로 사용 가능하고 문의사항에 대한 답변을 해주는 서비스도 제공하는 걸로 압니다.
(구현하시려는 범위를 보고 무료 또는 유료 중 판단하시면 되겠네요)
다음 페이지에 그 내용이 있더군요. 살펴보세요.
fullcalendar.io/pricing
안녕하세요 영상 잘보았습니다. 일정을 추가하니 일부 브라우저, pc에서는 보이고 일부 다른 브라우저,다른pc에서는 안보이는현상이 있는데 어떤문제인걸까요?
캐시삭제는 해보았습니다
아 웹사이트제한사항에서 주소 여러개 주는걸로 해결했습니다
node. js로 캘린더를 만들어 보려고 하는데요 GET /fullcalendar/dist/index.global.js 404 24.972 ms - 172 자꾸 연결이 안된다고 하는데.. 어떻게 해야 하는 걸까요?
말 그대로 "/fullcalendar/dist/index.global.js" 위치에서 내용을 찾지 못해 그럴 수 있습니다.
localhost로 작업 중이신가요?
그렇다면..
"localhost/fullcalendar/dist/index.global.js" 이 주소를 브라우저에 복사 & 붙여넣기해 보세요.
그렇게 했을 때, 파일을 찾지 못한다면...해당 경로가 잘못되었거나, 그 위치에 파일이 실제 존재하는지 확인해 보세요.
이와는 반대로 CDN 서비스를 활용할 수도 있습니다.
구글에서 "fullcalendar cdn"이라고 검색하여 내용을 찾아보세요.
제가 검색해 보니... 다음 내용이 있네요.
이것을 사용해 보실 수도 있습니다.