오늘도 돌아온 테스트 부탁글입니다. :) > 자유게시판

자유게시판

오늘도 돌아온 테스트 부탁글입니다. :) 정보

오늘도 돌아온 테스트 부탁글입니다. :)

본문

컨텐츠몰에서 우연찮게 캘린더 스킨을 보고 데모사이트 구경갔다가 FullCalendar.io 란 오픈소스를 알게되었어요.

그동안 나도 캘린더가 필요한데... 일정바 그리는게 매우 귀찮아! 어디 쓸만한 라이브러리 없나! 라고 생각만 하던차에 맘에 드는 녀석을 발견하여 후다닥 캘린더를 만들어 보았습니다.

 

2039282516_1521672991.1449.png

 

대충 기본 기능인 드래그 앤 드랍으로 일정수정 / 드래그 및 클릭으로 일정추가 / 일정상세보기 / 반복기능을 추가하고

아래처럼 이쁘게 반응형도 입혀주었습니다. = _=

 

2039282516_1521672456.2724.png

 

원래 모듈자체가 회원만 사용하도록 하고, 자기가 등록한 일정만 수정할 수 있는건데

테스트를 위해 권한체크를 다 풀어두었어요!

가급적 자기가 등록한 일정만 수정/삭제 테스트를... 안 그러면 다른분이 어라! 왜 내가 등록한게 사라졌지? 라던가 왜 내가 등록한게 날짜가 바뀌어있지 라던가 라는 버그리포팅이... 있을 수 있기 때문에.

 

역시나 테스트 데이터는 실서버 오픈때 모두 삭제될 예정이니 마음껏 작성하시되... 너무 심하게 공격하지 말아주세요. 흑

캘린더 형태나 캘린더 날짜가 변경될 경우 브라우져 주소창이 바뀌고 그에 따라 이전페이지 보기 (브라우져 백버튼)이 적용이 됩니다만.. 이 기능은 IE10부터 탑재되어 있으므로, 가급적 최신브라우져를 이용해주세요. :)

 

테스트 주소는 http://adhesion.examples.kr/ko/board/calendar 입니다.

오늘도 역시나 미리 테스트에 감사드립니다. :)

추천
5

댓글 33개

구글 겔린더 연동하면 더 좋을듯 한 생각 뿐입니다.  일다녀와서 집안까지 복귀하니 피곤 하네요 자야겠습니다. 퐁덩
  ^^ 같이 연동되니 스케즐 관리는 최고일듯 합니다.  ^^  만들게 되시면 test 페이지 아시죠 ^^
보이님과 함께 글남겨 드릴게요 ^^ 우헤헤~ㅋㅋ 농입니다.
CalDAV 스펙을 조금 보고 있습니다. 기존에 구글에 있는 캘린더를 가져오는건 풀캘린더 자체로 지원되는것 같고. 제가 만든 캘린더에 등록된 일정을 구글로 보내는 기능을 만들어야... ㅎ


이얍! 풀캘린더가 갑인듯.. ㅠㅠ;
너무나도 멋찌게 만드셨어용ㅎ

피드백!
토~수 까지 연속일정을 등록후
일요일부터 일정잡고 이동은 되는데
토요일 일정만 잡고 이동하면
그녀석만 따로 놀아요~ㅎ
반응형으로 최소 width값일때 수요일까지만 나오는것까지는 좋았는데 토요일까지 스크롤 이동이 안되는 단점이 있네요 ^^; 깔끔하고 멋집니다.
아.. 아이폰 사파리에서는 저도 정상작동되네요. pc 크롬에서 가로모드를 작게 해놓고 마우스 이동시키면 이동이 안되서요 ^^
일정을 기입 한 날짜와 일정을 클릭 했을때 일정 기간이 틀리게 나옵니다.
아... 캘린더에 보이는 시간은... 한국 로컬타임이고, 일정상세보기에 뜨는건 아파치님 로컬 시간이라서 그런듯 합니다.
그러면 캘린더에 뜨는 것도 로컬타임으로 뜨게 해야할까 고민이 되네요... 어느 하나로 통일을 시켜야할 것 같은데...
디비에 불러온 날짜를 화면상에 뿌릴때, 자동으로 접속자의 로컬타임으로 변환해서 보여주는 기능이 사이트 전역으로 적용되어 있어서 그렇습니다. ㅠ
풀캘린더에서는 그 사이트설정이 적용되지 않고 바로 서버타임존으로 적용하네요.
타임존 설정에 대한 기능이 있으니 타임존을 로컬 타임존으로 적용하도록 해봐야겠음당;;;
아래 이미지와 같이 일정 시간이 틀리는 것 외에는 딱히 문제 될 건 안보이네요....^^


저도 그누보드와 연동해 볼랍니다.... 아~ 컨텐츠몰에 있다고 하셨나요?
사이트 전체에 시각표시가 로컬타임으로 변환되어 표시되게 되어 있는데
캘린더에 일정바가 그려지는건 서버타임이라 서로 오차가 나네요.
게시판에 가서 보셔도 작성시각이 아파치님 로컬타임으로 변환되어 나올겁니다. ㅠ _ㅠ
캘린더 쪽 환경설정에 로컬 타임존을 따라가도록 해줘야겠습니다. 크으응

컨텐츠몰에는 제가 올린건 아니지만 다른분이 판매하고 있는게 있더라구요~!
한시간 틀리게 나타 났어지만 지금은 고치셨나보네요....ㅎㅎ

그리고 오후 12시 로 출력 되는 것과 00: 시 로 출력 되는것이....
아마도 각각 24시 와 12시로 출력 되는 부분을 통일해 주시는게 좋겠습니다.
캘린더 일정바가 1시간 움직였을겁니다. ㅎㅎ
오후 12시와 오전 12시는 momentjs 의 - _- 로컬라이징이 좀 꾸져서...
한국분들은 오후 오전 으로 구분지어 많이 써서 조금 불편 할 수 있겠네요.
전 오히려 24시간 타임이 보기가 편하긴 합니다....^^
와와.. 넘 좋네요 ㅡ,. ㅡ
전 뭣도 모르는지라 입력해보고 삭제해보고,
이동시켜보고 했는데... 아주 좋네요 ㅡ,. ㅡ 별 이상 못느꼈습니다!
https://fullcalendar.io/releases/fullcalendar/3.9.0/demos/selectable.html 혹시 풀캘린더 응용하신 것인가요? 저도 이걸써볼까 연구중이었는데... 음...
네 풀캘린더 사용한거입니다. API문서가 보기 좀 불편하게 되어 있어서 풀캘린더 전체 기능을 다 가져다쓰진 못한것 같고 극히 일부만 가져다 썼습니다. ㅎ
전체 199,647 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT