학교 학사일정 한눈에 보기+구글 캘린더로 가져오기

우연히 나이스 대국민 서비스를 알게 되었습니다.
청소년을 대하다보니 학사일정을 챙기게 되더군요.
매번 학교 홈페이지를 검색해서 특정 일정을 복사해 구글 캘린더에 저장하고는 했는데,
나이스 대국민 서비스에서 제공하는 open api로 원하는 학교의 학사일정을 볼 수 있게 만들어 봤습니다.

일은 제미나이가 했습니다.

 

1차.

지금부터 open api를 이용해서 8개 학교 학사일정을 한눈에 볼 수 있는 웹페이지를 만들거야. 정보는 [https://open.neis.go.kr/portal/mainPage.do] 이 페이지에서 가져올 수 있어. 내 api key는 [---] 야. 디자인은 월간 달력 형태이고, 이벤트가 있을 때마다 [학교이름: 학사일정내용]의 형태로 보여주면 좋겠어. api 인자는 엑셀로 정리해서 첨부할께.

라고 해서 기본 틀을 만들었습니다.

똑똑하게 초,중,고등학교를 다른 색으로 표시해 주기까지 했는데,
아직 학교들이 학사일정을 다 입력하지 않아서 2개 초등학교만 정보가 뜨네요.

토요일은 토요휴업일 이라고 정보가 떠서 필터링 했습니다.

방학 같이 기간으로 인식할 경우에는 블럭을 묶었습니다.

 

2차.

월간 달력의 마지막 5주차가 스크롤을 해야해서 1080px에 맞추고, 왼쪽에 사이드바와 같은 기능을 넣었습니다.
다른 사람도 쓰려면 학교를 검색해서 추가, 삭제할 필요성이 있어서 기능 추가.

 

3차.

특정 행사는 구글 캘린더로 가져올 수 있게 기능 추가.

 

4차.

공휴일정보 가져오기
학교명 클릭 시 해당 학교 학사일정 감추기/보이기 기능 추가.

추가정보.
Lively Wallpaper라는 프로그램을 사용하면 컴퓨터 바탕화면으로 띄울 수도 있습니다.

 

index.html

0.02MB

키만 발급받아서 넣으시면 됩니다.

https://open.neis.go.kr/portal/guide/actKeyPage.do

https://www.data.go.kr/data/15012690/openapi.do