js로 FullCalendar와 구글 달력 API연동을 해보자.
간단하게 데이터만 가져와 조회할 것이다.
https://fullcalendar.io/docs/initialize-globals
위 주소로 접속해 script tag를 받아준다.
화면처럼 나와있는 스크립트를 받아 소스에 적용 후 아래 그림을 따라오면서 Google 캘린더 API를 받아준다.
https://console.cloud.google.com/ 접속한 후 프로젝트를 먼저 생성해준다.
만든 프로젝트로 들어가 사용 설정된 API 및 서비스를 클릭해 해당 화면으로 들어온다.
그 다음 API 및 서비스 사용 설정을 누른 후 연동할 라이브러리를 설치한다.
이제 API키를 발급받아야한다. 사용 버튼을 클릭 후에 사용자 인증 정보 만들기 클릭
API키 클릭해 설정을 마저 하자. 나는 로컬에서만 확인할거기때문에 웹사이트 내용을 http://127.0.0.1/*로 했다
저장을 누른 뒤 경고 표시에서 초록색표시로 바뀌어 있는걸 확인한다.
이렇게 되면 API키 발급은 끝났다. 캘린더연동을 하려면 공유 설정 및 API키 발급과 구글 캘린더 ID가 있어야한다. 구글 캘린더로 들어가 ID를 발급해보자.
소스로 돌아가 API키와 구글캘린더 ID를 넣은 뒤 연동되는지 확인
개발 공간(치매 대비 저장소)