문제

페이지가 로드될때 DB에있는 일정들만 예정된일정에 자동으로 추가되고 구글 캘린더에 추가된 일정들은 바로추가되지 않음

일정을 클릭해야만 클릭이벤트가 작동하면서 구글 일정들이 일정목록에 추가됨

어드민 일정관리 전체 스크립트 코드

변경 사항

init : funtion() 하단부분

Before

// 캘린더 렌더링
calendarInstance.render();
// DB 이벤트 로드
this.getEvents(calendarInstance);
// 예정된 일정 목록 초기화
calendar.updateEventList(calendarInstance);

After

// 캘린더 렌더링
calendarInstance.render();
// DB 이벤트 로드
this.getEvents(calendarInstance);
// 예정된 일정 목록 초기화
setTimeout(() => {
    calendar.updateEventList(calendarInstance);
}, 1000); // 1초 지연

일정 목록을 불러올때 1초지연을 주어 구글 캘린더 api가 모두 데이터를 불러올 시간을 기다려줌

이는 구글 캘린더 API의 비동기적 특성 때문입니다. 간단히 설명하면:

1. 캘린더가 초기화되면서 바로 updateEventList가 실행되지만