지원
IE8+, Chrome, Firefox, Safari, Opera, Swing
제작빌더버전
그누보드 5.2.6
그누스트랩1.4.0.zip
그누스트랩1.4.0 patch.zip
샘플사이트 관리자사이트
그누스트랩 패치내역

최신글 글자자동자르기 적용
css/default.css .text-cut 클래스 추가
skin/latest/basic 수정

폰트어썸 fa-border 추가
common.lib.php 수정

관리자모드 게시판그룹 버튼을 눌러 체크박스 체크되도록 처리
adm/boardgroup_form.php 사용버튼 수정

웹진게시판 No 위치를 중앙으로 정렬 / 이미지 높이 auto 변경
skin/board/list_webzine.php

FAQ 스킨 글자 및 제목과 내용이 바뀐문제 변경
skin/faq/basic/list.skin.php



그누보드 패치내역

그누스트랩 점검표

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 등등 입력으로 초기 보여줄 리스트화면을 지정합니다.