오늘도 돌아온 테스트 부탁글입니다. :) 정보
오늘도 돌아온 테스트 부탁글입니다. :)
본문
컨텐츠몰에서 우연찮게 캘린더 스킨을 보고 데모사이트 구경갔다가 FullCalendar.io 란 오픈소스를 알게되었어요.
그동안 나도 캘린더가 필요한데... 일정바 그리는게 매우 귀찮아! 어디 쓸만한 라이브러리 없나! 라고 생각만 하던차에 맘에 드는 녀석을 발견하여 후다닥 캘린더를 만들어 보았습니다.
대충 기본 기능인 드래그 앤 드랍으로 일정수정 / 드래그 및 클릭으로 일정추가 / 일정상세보기 / 반복기능을 추가하고
아래처럼 이쁘게 반응형도 입혀주었습니다. = _=
원래 모듈자체가 회원만 사용하도록 하고, 자기가 등록한 일정만 수정할 수 있는건데
테스트를 위해 권한체크를 다 풀어두었어요!
가급적 자기가 등록한 일정만 수정/삭제 테스트를... 안 그러면 다른분이 어라! 왜 내가 등록한게 사라졌지? 라던가 왜 내가 등록한게 날짜가 바뀌어있지 라던가 라는 버그리포팅이... 있을 수 있기 때문에.
역시나 테스트 데이터는 실서버 오픈때 모두 삭제될 예정이니 마음껏 작성하시되... 너무 심하게 공격하지 말아주세요. 흑
캘린더 형태나 캘린더 날짜가 변경될 경우 브라우져 주소창이 바뀌고 그에 따라 이전페이지 보기 (브라우져 백버튼)이 적용이 됩니다만.. 이 기능은 IE10부터 탑재되어 있으므로, 가급적 최신브라우져를 이용해주세요. :)
테스트 주소는 http://adhesion.examples.kr/ko/board/calendar 입니다.
오늘도 역시나 미리 테스트에 감사드립니다. :)
추천
5
5
관련링크
댓글 33개

그냥 그누보드를 썼으면 컨텐츠몰에 있는 캘린더스킨을 썼을텐데.. 전 왜 다 만들어야하는가... ㅠ _ㅠ

@알쯔 잘만드셨네요

구글 겔린더 연동하면 더 좋을듯 한 생각 뿐입니다. 일다녀와서 집안까지 복귀하니 피곤 하네요 자야겠습니다. 퐁덩

@헌이탈퇴 구글캘린더 연동은 역시 플러그인으로... ㅎㅎ CalDAV 를 지원할까 생각중입니다. :)

@알쯔 ^^ 같이 연동되니 스케즐 관리는 최고일듯 합니다. ^^ 만들게 되시면 test 페이지 아시죠 ^^
보이님과 함께 글남겨 드릴게요 ^^ 우헤헤~ㅋㅋ 농입니다.
보이님과 함께 글남겨 드릴게요 ^^ 우헤헤~ㅋㅋ 농입니다.

@헌이탈퇴 CalDAV 스펙을 조금 보고 있습니다. 기존에 구글에 있는 캘린더를 가져오는건 풀캘린더 자체로 지원되는것 같고. 제가 만든 캘린더에 등록된 일정을 구글로 보내는 기능을 만들어야... ㅎ

멋진데요. 아주 편리하네요.

@삼관왕 감사합니다. ㅎㅎ

@알쯔
이얍! 풀캘린더가 갑인듯.. ㅠㅠ;
너무나도 멋찌게 만드셨어용ㅎ
피드백!
토~수 까지 연속일정을 등록후
일요일부터 일정잡고 이동은 되는데
토요일 일정만 잡고 이동하면
그녀석만 따로 놀아요~ㅎ
이얍! 풀캘린더가 갑인듯.. ㅠㅠ;
너무나도 멋찌게 만드셨어용ㅎ
피드백!
토~수 까지 연속일정을 등록후
일요일부터 일정잡고 이동은 되는데
토요일 일정만 잡고 이동하면
그녀석만 따로 놀아요~ㅎ

@Joan 그건 풀캘린더 버그인듯?! ㅠㅠ

반응형으로 최소 width값일때 수요일까지만 나오는것까지는 좋았는데 토요일까지 스크롤 이동이 안되는 단점이 있네요 ^^; 깔끔하고 멋집니다.

@뒷집돌쇠 어라?? 가로로 스크롤이 될텐데요.. 아니되나요? ㅠㅠ
아이폰으로만 테스트해봐서...
아이폰으로만 테스트해봐서...

@알쯔 아.. 아이폰 사파리에서는 저도 정상작동되네요. pc 크롬에서 가로모드를 작게 해놓고 마우스 이동시키면 이동이 안되서요 ^^

프로알라 에디터 멋지네요.....ㅋㅋ
테스트는 지금부터 해 볼께요.....^^
테스트는 지금부터 해 볼께요.....^^

@亞波治 으샤으샤으샤!!


@亞波治 아... 캘린더에 보이는 시간은... 한국 로컬타임이고, 일정상세보기에 뜨는건 아파치님 로컬 시간이라서 그런듯 합니다.
그러면 캘린더에 뜨는 것도 로컬타임으로 뜨게 해야할까 고민이 되네요... 어느 하나로 통일을 시켜야할 것 같은데...
그러면 캘린더에 뜨는 것도 로컬타임으로 뜨게 해야할까 고민이 되네요... 어느 하나로 통일을 시켜야할 것 같은데...

@알쯔 엥? db에 입력된 정보를 불러 오는게 아닌가요?

@亞波治 디비에 불러온 날짜를 화면상에 뿌릴때, 자동으로 접속자의 로컬타임으로 변환해서 보여주는 기능이 사이트 전역으로 적용되어 있어서 그렇습니다. ㅠ
풀캘린더에서는 그 사이트설정이 적용되지 않고 바로 서버타임존으로 적용하네요.
타임존 설정에 대한 기능이 있으니 타임존을 로컬 타임존으로 적용하도록 해봐야겠음당;;;
풀캘린더에서는 그 사이트설정이 적용되지 않고 바로 서버타임존으로 적용하네요.
타임존 설정에 대한 기능이 있으니 타임존을 로컬 타임존으로 적용하도록 해봐야겠음당;;;

아래 이미지와 같이 일정 시간이 틀리는 것 외에는 딱히 문제 될 건 안보이네요....^^
저도 그누보드와 연동해 볼랍니다.... 아~ 컨텐츠몰에 있다고 하셨나요?

저도 그누보드와 연동해 볼랍니다.... 아~ 컨텐츠몰에 있다고 하셨나요?

@亞波治 사이트 전체에 시각표시가 로컬타임으로 변환되어 표시되게 되어 있는데
캘린더에 일정바가 그려지는건 서버타임이라 서로 오차가 나네요.
게시판에 가서 보셔도 작성시각이 아파치님 로컬타임으로 변환되어 나올겁니다. ㅠ _ㅠ
캘린더 쪽 환경설정에 로컬 타임존을 따라가도록 해줘야겠습니다. 크으응
컨텐츠몰에는 제가 올린건 아니지만 다른분이 판매하고 있는게 있더라구요~!
캘린더에 일정바가 그려지는건 서버타임이라 서로 오차가 나네요.
게시판에 가서 보셔도 작성시각이 아파치님 로컬타임으로 변환되어 나올겁니다. ㅠ _ㅠ
캘린더 쪽 환경설정에 로컬 타임존을 따라가도록 해줘야겠습니다. 크으응
컨텐츠몰에는 제가 올린건 아니지만 다른분이 판매하고 있는게 있더라구요~!

@알쯔 네 그렇네요.
리스트에서는 정상 출력이 되는데 모달창과 본문에서만 틀리게 나오는군요.....ㅎㅎ
리스트에서는 정상 출력이 되는데 모달창과 본문에서만 틀리게 나오는군요.....ㅎㅎ

@亞波治 달력도 타임존을 로컬타임으로 하도록 했습니다.
혹시 이제 일치되어 보이시는지용?
혹시 이제 일치되어 보이시는지용?

@알쯔 한시간 틀리게 나타 났어지만 지금은 고치셨나보네요....ㅎㅎ
그리고 오후 12시 로 출력 되는 것과 00: 시 로 출력 되는것이....
아마도 각각 24시 와 12시로 출력 되는 부분을 통일해 주시는게 좋겠습니다.
그리고 오후 12시 로 출력 되는 것과 00: 시 로 출력 되는것이....
아마도 각각 24시 와 12시로 출력 되는 부분을 통일해 주시는게 좋겠습니다.

@亞波治 캘린더 일정바가 1시간 움직였을겁니다. ㅎㅎ
오후 12시와 오전 12시는 momentjs 의 - _- 로컬라이징이 좀 꾸져서...
오후 12시와 오전 12시는 momentjs 의 - _- 로컬라이징이 좀 꾸져서...

@알쯔 한국분들은 오후 오전 으로 구분지어 많이 써서 조금 불편 할 수 있겠네요.
전 오히려 24시간 타임이 보기가 편하긴 합니다....^^
전 오히려 24시간 타임이 보기가 편하긴 합니다....^^

와와.. 넘 좋네요 ㅡ,. ㅡ
전 뭣도 모르는지라 입력해보고 삭제해보고,
이동시켜보고 했는데... 아주 좋네요 ㅡ,. ㅡ 별 이상 못느꼈습니다!
전 뭣도 모르는지라 입력해보고 삭제해보고,
이동시켜보고 했는데... 아주 좋네요 ㅡ,. ㅡ 별 이상 못느꼈습니다!

@nanati 테스트 감사합니다. :) 원래 그렇게 쓰능겁니다 ㅎㅎㅎ

엄지척 ~~~ 좋습니다.

https://fullcalendar.io/releases/fullcalendar/3.9.0/demos/selectable.html 혹시 풀캘린더 응용하신 것인가요? 저도 이걸써볼까 연구중이었는데... 음...

@xpem 네 풀캘린더 사용한거입니다. API문서가 보기 좀 불편하게 되어 있어서 풀캘린더 전체 기능을 다 가져다쓰진 못한것 같고 극히 일부만 가져다 썼습니다. ㅎ

혹시 프레임워크는 그누보드가 아니고, ci 기반인가요? 무척 속도가 빠르고 좋으네요! @@

@xpem 프레임워크는 아이모듈 이라고 자체개발/배포 하고 있는 CMS 로 제작되어 있습니다. :)