Computer/Web8 [Bootstrap,JQuery] Table을 이쁘게 정리하기 안녕하세요? 이번시간에는 GMS 툴 개발에 따른 Frontend에서 유용한 플러그인을 소개해드리고자 합니다.다음의 URL 을 참조하시면 확인해보실 수 있습니다. https://datatables.net/examples/styling/bootstrap.html 아래는 적용(전) 과 (후) 의 스크린샷 입니다. 위의 사진은 현재 테스트 중인 약 2천개정도의 데이터를 플러그인 없이 보여줄때 모습입니다.( 향후 데이터가 무지무지하게 쌓이면.. 엄청나겠죠 ?) 다음은 플러그인을 적용한 모습입니다. 10, 20,50, 100 개 들이로 정리해서 볼 수 있으며, Search 를 통해서 테이블 Row 를 검색할 수 있고, Pagination 기능을 제공해줍니다. "손수 구현해보고 싶다" 라는 마음이거나 한번도 구현해본.. 2016. 2. 24. [CKEditor] 사용방법입니다. 안녕하세요?이번시간에는 CKEditor 사용법을 알아보겠습니다. 버전은 4.5.3 기준입니다. 1. 다음은 CKEditor 에서 커스터마이징하여 만든 압축파일입니다. 좀 더 다양한 옵션을 주고 싶으시다면, 혹은 더 단순한 기능을 원하신다면 아래 링크를 이용하여 기능들을 추가/제거 해주세요 CKEditor Builder 2. 압축을 푸시면 ckeditor 라는 폴더가 해당 폴더 안에 들어있을 것입니다. ckeditor 폴더를 복사하여 사용하실 path 아래로 옮겨주세요. 3. 아래는 제가 만든 index.html 의 소스입니다. 4. CKEditor 관련해서 참고사항은 아래 도큐먼트를 참조하시면 됩니다. CKEditor 도큐먼트 5. 주의해야할 부분은 이미지 업로드할 폴더의 권한을 CHMOD 0777 로 .. 2015. 9. 22. [jQuery] Plugin 모음 40가지 Awesome 한 소스들http://designshack.net/articles/javascript/40-awesome-jquery-plugins-you-need-to-check-out/ 1.모션 캡차http://www.josscrowcroft.com/demos/motioncaptcha/ 2. FULL Page Scrollinghttp://alvarotrigo.com/fullPage/#firstPage Awesome CSS with jQuery http://tympanus.net/codrops/category/tutorials/ 2015. 8. 25. HTML5 새로운 내용들 안녕하세요?HTML5 를 공부하며 알게된 내용들을 정리하는 공간입니다. 특정한 기능에 대해 깊이 있는 포스팅을 하는 곳이 아님을 미리 알려드립니다. DTD (Document Type Definition)Document Type Definition 의 약자입니다. DTD는 어떤 태그, 속성, 값이 특정한 HTML문서에서 유효한지를 설명하는 텍스트 파일입니다. 각 HTML 버전에는 그에 맞는 DTD가 있다고 합니다. 대게는 이를 HTML 문서의 첫줄에 doctype 선언을 통해서 하는데요, 어떤 버전의 HTML 혹은 XHTML이 사용되었는지를 브라우저에 알립니다. 이런 doctype 선언을 빼먹을시 대다수의 브라우저는 쿽스 모드 (Quirks Mode)라는 상태에 빠진다고 합니다. doctype 선언을 하지.. 2015. 2. 2. 이전 1 2 다음 반응형
