지원
IE8+, Chrome, Firefox, Safari, Opera, Swing
제작빌더버전
그누보드 5.2.4
그누스트랩1.3.8.zip
그누스트랩 1.3.8 patch.zip
샘플사이트 관리자사이트
adm/board_list.php

    버튼 크기 변경 및 버튼그룹 퍼블리싱

skin/board/basic/list.skin.php

    버튼 크기 변경 및 버튼그룹 퍼블리싱

theme/basic/head.sub.php

    js / css 호출에 만료기간을 넣어 좀더 빠르게 적용

skin/board/basic/css/style.css

   갤러리일때 깨지는부분 수정

그누보드 5.2.4 업데이트

그누스트랩 점검표

GZIP 활용으로 css/js 쿠키값을 저장 압축하여 사용시에는 보다

빠른 속도에웹사이트 구축이 될것입니다.
해당 속도테스트 결과는 http://gnustrap.net 사이트를 기반으로 실행하였으며, PNG 이미지 용량을 압축하여 GIF 파일로 변환하시면 더욱 빠른 속도를 만나 보실 수 있습니다.

성능적 속도테스트를 실시하여 보다 품질 좋은 웹사이트를 만들어보겠습니다.
Pingdom 페이지 속도성능 결과
92%
구글 데스크톱 성능 결과
92%
타 웹사이트 평균속도 성능 결과
91%
GZIP 활용시 성능 예측
99%
기초 속성코드 모음

CSS3 Animations

Animation

<h3 class="animated rubberBand">Animation</h3> (익스9+ 사용가능)
해당 소스는 오픈소스로 링크를 통해 더많은 효과를 확인하실수 있습니다. 더많은 자료보기

Popover

팝오버 <a href="#" data-content="클래스만 넣고 타이틀과 컨텐츠명만 넣으면 팝오버 사용 끝." data-original-title="팝오버 타이틀" class="btn btn-danger popover-top">팝오버</a>
팝오버 방향조절은 클래스명 popver-left, popver-right, popver-bottom, popver-top 4종류

Modal

모달 <a href="/modal.php" data-toggle="modal" data-target="#Modal" class="btn btn-default">팝오버</a>
modal.php 파일이란 테스트파일을 만든후 a href="modal.php" 로 경로를 지정해주고 파일안에 모달코드를 삽입합니다.
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>

Tooltip

툴팁 <a href="#" title="클래스만 넣고 title만 적어주면 툴팁 사용 끝"." class="btn btn-warning tooltip-top">툴팁</a>
툴팁 방향조절은 클래스명 tooltip-left, tooltip-right, tooltip-bottom, tooltip-top 4종류

Responsive

12
12
<div class="table-responsive">
<table class="table table-striped table-bordered">
<thead></thead>
<tbody></tbody>
</table>
</div>

현재 페이지 테이블에 적용되었으니 브라우저 크기를 줄여서 확인하시면됩니다.
모바일에서도 내용이 짤리지 않도록 테이블을 처리

Auto Textarea

<textarea class="textarea"></textarea>
반응형 Textarea로 스마트폰에서도 쉽게 내용을 작성할수 있습니다.

Summernote

반응형 에디터로써 모바일에서도 빠른 로딩속도와 간편함을 최대화 시킵니다 (테스트용이므로 정상작동되지 않습니다)


Google recaptcha

세계 Big데이터를 종합하여, 회원가입이 하루 일정량 가입이 평균이상치 요구될경우를 종합하여 해당 계정을 스패머로 간주하여 차단하며, 광고글 또는 스팸글 작성이 많을경우에도 적용되어 평균이상치 글작성 계정은 접근금지를 구글 Big데이터를 통해 차단시켜버립니다.
구글리캡챠 적용방법보기

Board

통합형 게시판입니다
게시판관리 < 게시판타입을 설정하여 쉽게 이용하실수 있습니다
list / gallery / webzine 등등 입력으로 초기 보여줄 리스트화면을 지정합니다.