[아임웹] 기본 캘린더 위젯 기능만으론 부족할때 해결방법 / 캘린더 위젯 단점

아임웹로고

아임웹으로 웹사이트를 팔아본 경험으로...

제 클라이언트의 요구사항 중 하나가 '일정을 홈페이지에 게시하고 싶다' 였습니다.

아임웹에 캘린더 기능을 확인한 저는 '당연히 해드릴수있습니다!' 하고 캘린더 위젯을 사용해 클라이언트가 일정을 등록하실 수 있도록 페이지에 넣어드렸죠.

 

일정을 대량 등록하셔야하는 클라이언트, 그러나 아임웹 위젯은 그런 기능 없어요!

하지만 사이트 개설 후 몇일이 흐르고...

클라이언트께서 '맥 캘린더나 구글 캘린더 처럼 일정을 반복하는 기능은 없나요? 하나하나 등록하려니까 죽겠어요 ㅠㅠ' 라고 말씀하셨고

혹시나 있지않을까 하는 마음에 위젯을 구석구석 찾아보고, 문의도 해보았지만 그런 기능은 존재하지 않았습니다.

 

이 일정 기능이 꽤나 홈페이지에서 꽤나 큰 부분을 차지했던 터라, 클라이언트께서 사용에 있어 불편을 느끼면

사이트 자체가 활용되지 않을 것 같다는 생각이 들어 이 불편을 해결해 드리고자 다른 방법을 열심히 모색하기 시작했지만,

역시나 위젯이라 기능 커스텀을 할수있는 방법이 없었고..

 

맥 캘린더(ical) or 구글 캘린더를 연동해서 아임웹에서 쓰는 방법!!

그럼 다른 캘린더를 코드 위젯에 넣어볼까해서 맥 캘린더 내보내기 기능을 이용해 해당 캘린더를 구글 캘린더에 로드후,

iframe에 코드를 삽입해 보았지만 디자인이 너무 구ㄹ....고 해당 디자인 커스텀이 불가능했습니다.

 

이런저런 글을 참고하고 스택오버플로우도 읽어보며 찾아낸 방법은...!

 

https://open-web-calendar.hosted.quelltext.eu/

Open Web Calendar

 

openWebCalendar라는 서비스를 이용해서 아래와 같이 구글 캘린더 공유 설정에서 얻어낼수있는 

ical로 만든 링크를 통해 대체 캘린더를 만들수있습니다.

 

 

구글캘린더에서 얻어돈 iCal 공개 주소를 아래 input창에 입력하면 공개 설정한 캘린더의 내용물이 

아래에 반영되고, 우리는 이 서비스에서 생성해준 iframe 코드를 아임웹 코드 위젯에 가져다 붙여 사용하면 되는 것이죠!

이렇게 하면 스케쥴에 대한 대량등록이 필요한 작업은 구글 캘린더 또는 애플 캘린더에서 끝내고 보여주기만 하면 되니까요!

 

 

 

이런 글은 어떠세요?

 

2023.05.22 - [UIUX] - [아임웹] 아임웹으로 첫 웹사이트를 팔아보았다. 다시 장/단점에 대하여..

[아임웹] 아임웹으로 첫 웹사이트를 팔아보았다. 다시 장/단점에 대하여..

2023.02.02 - [UIUX] - [아임웹] 아임웹으로 한달간 웹사이트를 만들어본 리얼 후기

[아임웹] 아임웹으로 한달간 웹사이트를 만들어본 리얼 후기