# 이온큐브 

이온큐브란 소스코드 보호 솔루션 입니다. 
암호화된 프로그램을 사용하기 위해서는 이온큐브 로더가 필요하며 
이온큐브 로더는 아래의 링크에서 무료로 다운로드 하실 수 있습니다. 

http://www.ioncube.co.kr/product.html?target=1&menu=5 

# 이온큐브 설치방법 

- 이온큐브 공식지원 웹호스팅을 사용한다면 따로 설치하지 않아도 됩니다. 

컴퓨즈닷컴 - http://g3.cc 
cafe24 - http://cafe24.com 
미리내 - http://www.mireene.com 
닷홈 - http://www.dothome.co.kr 
에브리와우 - http://www.everywow.com 
아사달 - http://hosting.asadal.com 

- 본인이 이용하는 웹호스팅의 PHP 버전이 5.2.4 미만일 경우 

이온큐브 로더를 FTP에 업로드만 하면 됩니다. 
32bit 용과 64bit 용을 구분해서 다운받아 FTP 의 루트 디렉토리에 ioncube/ 이름으로 업로드 하면 됩니다. 

adm/ 
bbs/ 
extend/ 
ioncube/ioncube_loader_lin_5.2 ← 이온큐브 로더 파일들 
lib/ 
skin/ 
..... 

위 방법을 실행하기 어렵다면 호스팅 업체에 문의해보시면 됩니다. 


- 본인이 이용하는 웹호스팅의 PHP 버전이 5.2.4 이상일 경우 

본인이 사용하는 웹호스팅에서 이온큐브를 지원해줄 수 있는지 문의해보세요. 
업체에서 이온큐브 지원을 거절한다면 위에 나와있는 이온큐브 공식지원 업체로 이전하시길 권합니다. 


- 단독서버를 사용하는 경우 

PHP 버전이 5.2.4 미만일 경우 웹호스팅과 마찬가지로 이온큐브 로더를 업로드만 해도 됩니다. 
PHP 버전이 5.2.4 이상이라면 이온큐브 한국 지사의 메뉴얼을 참고해서 서버에 직접 설치해주세요. 

http://ioncube.co.kr/miniboard/view.php?id=faq&no=24 

http://goo.gl/3FBeMY

게시판 사용하시다 보면.. 분류별로 회원권한을 설정하고 싶을 때가 있는데요.. 


예를들면 '팀 게시판'에 1조, 2조, 3조 이런식으로 분류를 정해두고 
1조인 회원들은 1조의 게시물만, 2조는 2조의 게시물만 보고싶게 할 경우가 생깁니다. 

1. 회원관리에서 권한을 주고자 하는 회원의 
여분필드중 하나를 선택해서 (여기서는 여분필드 1) 
조 이름이라던지 구분명을 입력해줍니다. 
  
2. bbs/board.php파일을 수정합니다. 
  
 ** include_once(G4_PATH.'/head.sub.php'); 이부분 바로 위에 아래 내용을 삽입합니다. 


if($bo_table){ 
if($bo_table == "teamBoard" && $sca != ""){ 
if($member['mb_1'] != "운영진" && $sca != $member['mb_1']){ 
alert("접근 권한이 없습니다"); 
//goto_url('./board.php?bo_table=teamBoard&sca='.$member['mb_1']);

}else if($bo_table == "teamBoard" && $sca == ""){ 
if($member['mb_1'] != "운영진"){
goto_url('./board.php?bo_table=teamBoard&sca='.$member['mb_1']); 




// (여기서 "teamBoard"는 권한을 부여하고자 하는 게시판 테이블명, mb_1은 여분필드 1, 
// 여분필드에 1조, 2조, ... 운영진 이런식으로 입력. 운영진이면 다 볼 수 있게 함. 

3. 메뉴에서 게시판 주소 링크 걸 때 아래와 같은 형식으로 링크를 겁니다. 
http://www.xxxxx.co.kr/bbs.board.php?bo_table=teamBoard&sca=<?=member['mb_1']?>

메인메뉴에서 현재 어떤 메뉴가 선택되어 있는지를 보여줍니다. 

<a href="<?php echo G4_BBS_URL ?>/group.php?gr_id=<?php echo $row['gr_id'] ?>" class="gnb_1da"><?php echo $row['gr_subject'] ?></a> 

head.php 파일의 <nav id="gnb"> 부분에서 위 소스 부분을 찾아서 아래 내용으로 수정하면 됩니다. 
style에 색상이 red로 되어 있는데 style을 바꾸어서 원하는 효과를 줄수 있습니다. 

<a <?php if($row[gr_id]==$gr_id){echo "style='color:red;'";}?> href="<?php echo G4_BBS_URL ?>/group.php?gr_id=<?php echo $row['gr_id'] ?>" class="gnb_1da"><?php echo $row['gr_subject'] ?></a>

이미지를 업로드 하게 되면, 한 줄로 첨부된 이미지들이 다 노출이 되는데 
자동 줄바꿈 되어 보여지게 하기 
  
skin/board/basic 
  
view.skin.php 
아래의 코드를 
echo get_view_thumbnail($view['file'][$i]['view']); 

아래의 코드로 교체 
echo get_view_thumbnail($view['file'][$i]['view']),"</br>";


browser.php


루트에 올리고 


'주소/browser.php'를 실행하면 됩니다. 

일일히 컴퓨터 해상도를 바꿔 확인하지 않아도 되니 편하네요. 

mp3.zip


div 레이아웃 잡으실때 도움됩니다. 


css레이아웃소스.zip


다음 내용 중 img_fix 관련 내용은 IE6 에 한해 유효합니다. IE7 이상 및 이외 브라우저는 max-width 만으로 대응이 가능합니다. 




목차



  1. 들어가기


  2. 소스위치 

    1. css/default.css img_fix 클래스

    2. css/mobile.css img_fix 클래스

    3. skin/board/basic/view.skin.php // 이미지 등비율 리사이징




  3. 소스 해석 

    1. 기존 방식과의 차이점







들어가기



그누보드4s 에서 웹 접근성만큼 큰 화두는 바로 'PC와 Mobile 분리' 그리고 '원소스 멀티유즈(반응형)' 중 한가지를 택하는 것이었습니다. 



SIR 자유게시판 이용자시라면 연초에 있었던 모바일vs반응형, 반응형vs모바일 설문조사를 기억하실 것입니다.

설문조사 결과보기

이 설문조사에서는 모바일vs반응형이 38 vs 38로 동률을 이루어 결론이 나지 않았었습니다. 



이러한 상황 속에서, 우리 개발진은 그누보드4s 를 국내에서도 큰 이슈가 만들어지고 있는 반응형으로 진행하기로 결심했으나, bbs 솔루션을 반응형으로 구현하기에는 아직 시장이 무르익지 않았다는 잠정적 결론을 내리기에 이르렀습니다.



그 후 우리는 그누보드4s 를 PC와 Mobile 을 분리하기로 결정했고, 최소한의 수정만으로 둘을 분리하도록 작업했습니다. 어쩌면 최소한의 수정보다는 사용자가 PC와 Mobile 간 수정에 있어 가장 편리하도록 작업되었다는 표현이 더 적절할 것입니다. 





소스 위치



  • css/default.css img_fix 클래스

  • css/mobile.css img_fix 클래스

  • skin/board/basic/view.skin.php // 이미지 등비율 리사이징


css/default.css img_fix 클래스


1<br>/* 이미지 등비율 리사이징 */
2<br>.img_fix {float:left;width:100%;height:auto}
3<br>


4.0b4 float:left 삭제 

css/mobile.css img_fix 클래스


1<br>/* 이미지 등비율 리사이징 */
2<br>.img_fix {float:left;width:100%;height:auto}
3<br>


4.0b4 float:left 삭제 

skin/board/basic/view.skin.php // 이미지 등비율 리사이징


01<br>// 이미지 등비율 리사이징
02<br>$(window).load(function() {
03<br>    view_image_resize();
04<br>});
05<br><br>$(function() {
06<br>    $("a.view_image").click(function() {
07<br>        window.open(this.href, "large_image""location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
08<br>        return false;
09<br>    });
10<br><br>});
11<br><br>function view_image_resize()
12<br>{
13<br>    var $img = $("#bo_v_atc img");
14<br>    var img_wrap = $("#bo_v_atc").width();
15<br><br>    $img.each(function() {
16<br>        var img_width = $(this).width();
17<br>        $(this).data("width", img_width); // 원래 이미지 사이즈
18<br>        if (img_width > img_wrap) {
19<br>            $(this).addClass("img_fix");
20<br>        } else if (img_width <= img_wrap && img_width >= $(this).data("width")) {
21<br>            $(this).removeClass("img_fix");
22<br>        }
23<br>    });
24<br>}
25<br>





소스 해석


이미지 등비율 리사이징은, 컨텐츠 블럭 영역 내에 포함된 이미지의 넓이값이 컨텐츠 블럭 영역의 넓이값보다 클 때, 이미지의 넓이값을 컨텐츠 블럭 영역의 넓이값과 같게 맞추는 것입니다. 이 때 높이는 정비율로 함께 맞춰집니다.


이 때 정비율로 맞춰주는 스타일이 img_fix 이며, 스크립트에 의해 자동으로 추가되는 구조입니다.


그누보드4s 의 basic 게시판 스킨에는 적용이 완료된 상태며, 만약 basic 게시판 스킨이 아닌 일반 혹은 기타 페이지에서 적용하시고 싶은 경우 해당 이미지에 img_fix 클래스를 부여하시면 됩니다.

다음 예제에서 샘플 코드를 확인해보세요. 



1<br><img src="이미지경로" alt="" class="img_fix">
2<br>



이 방식은 반응형 웹 작업 시 활용에 따라 유용하게 사용할 수 있습니다.

특히 basic 게시판 스킨에서는 기기의 사이즈에 따라 5가지의 썸네일을 제공하고 있어, 게시판 반응형 웹 작업 시에도 상당한 편의를 제공하공 있습니다. 



기존 방식과의 차이점



기존 방식은 이미지의 넓이와 높이를 스크립트로 계산하여 새롭게 적용하는 방법이었습니다. 클라이언트 사이드에서 처리할 작업량이 새로운 방법에 비해 상대적으로 더 많았습니다.

새로운 방법은 스크립트에서는 이미지의 넓이가 컨텐츠 블럭보다 넓은지 검사한 후, 넓이를 맞추는 CSS 클래스만 부여하는 것에서 주어진 역할을 완료하며, 이미 캐시된 스타일 적용으로 실행 속도가 더 빨라지게 됩니다. 



+ Recent posts