- 아무래도 리스트모양으로 데이터를 뿌려주는건 너무 심심하다고 판단
- 달력 모양에 일정을 표시할 수는 없을까?
- 아카이브로 쓰이는 기본 달력위에 표시를 해보자!
- DOM 삽질 ㅡㅡ;
- 이번달이 아닌 전달이나 다음달의 일정을 보고싶으면 어쩌지? ㅡㅡ;;
- 아카이브 달력은 이전 달로 이동시에 화면전환이 되버려서 쫌...
- 게다가 기존 아카이브 링크가 걸려있는 날짜에는 일정 링크를 덮어써버릴수도 없고...
- 아예 플러그인용 달력을 새로 그려주기로 결정!
- 아카이브 달력 뿌려주는 루틴 분석 오호라 PHP 함수가 있군
- 아카이브에 특화된 함수라 재활용 불가
- 루틴만 재활용
- 달력 그리기 성공~
- 하지만 이전달, 다음달 이동은 어쩌지???
- 자바스크립에서 Asyncronous하게 PHP의 함수를 부르기 위해 (오직 달력 루틴을 다시 만들고 싶지 않다는 일념으로) listener 태그 사용
- listener의 plugin URL을 활용하여 달력 PHP 함수를 자바스크립에서 호출하여 HTML 코드를 받아서 div에 부어넣음
- 월별 이동 가능~
- 그런데... 두둥... innerHTML로 부어넣은 태그들은 DOM이 인식하지 못한다
- 고로 구글 캘린더에서 받아온 데이터를 바인딩할 수 없다 ㅡㅡ;
- DOM Script으로 달력 그리기 루틴 완전 재작업
- DOM Script으로 달력을 그리고 구글 캘린더 자바스크립 라이브러리를 이용해서 데이터를 받아온다음, 달력에 바인딩~
- 표시된 날짜에 마우스를 올리면 툴팁으로 일정 확인가능
일단은 여기까지 ver1.0
MG_BeNice_v1.0.zipTextcube Plugin BeNice ver1.0
날짜 클릭해서 일정 입력할 수 있게 했으면 좋겠다는 생각중 음...
Posted by 망고
