문하우스

전국 행정동 분류로 사용하기

팔공산 — Tue, 25 Aug 2026 21:46:07 +0900

스케치북 게시판 스킨 분류를 드릴다운 스타일(단계별 하위분류) 추가

이 Tip을 작성후 분류를 대한만국 행정동을 기본으로 가져오는 방법을 다시 Tip으로 남깁니다.

1. 대한민국 시도 → 시군구 → 읍면동 3단계를 게시판의 분류(카테고리)로 일괄 생성합니다. (단 리 단계는 만들지 않음)

압축 파일중에서 mh_seed_korea_categories_web.php 파일에서 module_srl 값을 수정합니다.

44줄 const MH_MODULE_SRL = 55; 이부분을 전국 행정동을 분류로 생성할 게시판 module_srl=xx 값을 찾아서 수정합니다.

2. 수정한 파일을 modules/board/skins/sketchbook5_MH 폴더에 업로드 합니다.

3. 브라우즈 주소창에 아래 부분을 복사(단 도메인 부분은 자신의 주소) 해서 실행합니다.

https://도메인/modules/board/skins/sketchbook5_MH/mh_seed_korea_categories_web.php?auto=Y

설치하는데 시간이 꽤 소요됩니다.

4. 설치 후 해당 모듈 사이트 설정에 접속하면 분류가 자동으로 행정동으로 출력됩니다.(자료가 길어서 출력되는데 시간이 걸림)

5. mh_category_cascade.js 파일과 mh_category_drill.js 파일은 /sketchbook5_MH/js 폴더에 업로드 합니다.

mh_facet_intersect.php 파일과 다른 파일들은 /sketchbook5_MH 폴더에 업로드 합니다.

아래 파일 수정 부분(6~8번)은 참고 삼아서 작성한거라 파일 업로드 후에는 참고만 하시고

혹시나 다른 게시판에 적용을 할려면 참고하세요.

6. skin.xml 수정

           <var name="cnb" type="radio">
               <title xml:lang="ko">카테고리 메뉴 스타일</title>
               <title xml:lang="en">Category Menu Style</title>
               <description xml:lang="ko">'표시 안함' 게시판 설정의 '게시판 정보' 메뉴의 '분류 사용' 항목과 관계없이 표시하지 않습니다. '박스 스타일'은 2차 카테고리를 지원하지 않습니다.</description>
               <description xml:lang="en">'Hide' will not display regardless of the 'Use Category' item in the 'Board Info' menu of board settings. 'Box style' does not support secondary categories.</description>
               <options value="">
                   <title xml:lang="ko">그라데이션 스타일(기본)</title>
                   <title xml:lang="en">Gradation Style (Default)</title>
               </options>
               <options value="cTab">
                   <title xml:lang="ko">탭 스타일</title>
                   <title xml:lang="en">Tab Style</title>
               </options>
               <options value="cnb3">
                   <title xml:lang="ko">박스 스타일</title>
                   <title xml:lang="en">Box Style</title>
               </options>
               <options value="cnb4">
                   <title xml:lang="ko">박스+테두리 스타일</title>
                   <title xml:lang="en">Box+Border Style</title>
               <options value="cDrill">
                   <title xml:lang="ko">드릴다운 스타일(단계별 하위분류)</title>
                   <title xml:lang="en">Drilldown Style (Step-by-step Subcategory)</title>
               </options>
               <options value="N">
                   <title xml:lang="ko">표시 안함</title>
                   <title xml:lang="en">Hide</title>
               </options>
           </var>

~ 생략

<var name="top_tag_btn" type="radio">
               <title xml:lang="ko">상단 TAG 버튼</title>
               <title xml:lang="en">Top TAG Button</title>
               <description xml:lang="ko">TAG 버튼 표시 선택시 게시판 상단에 Tag 분류 버튼 출력</description>
               <description xml:lang="en">When TAG button display is selected, Tag category buttons are displayed at the top of the board.</description>
               <options value="">
                   <title xml:lang="ko">표시 안함(기본)</title>
                   <title xml:lang="en">Hide (Default)</title>
               </options>
               <options value="Y">
                   <title xml:lang="ko">표시</title>
                   <title xml:lang="en">Display</title>
               </options>
           </var>
           <var name="tag_cate1n" type="text">
               <title xml:lang="ko"> └ 분류1 확장변수 ID</title>
               <title xml:lang="en"> └ Category 1 Tag Names</title>
               <description xml:lang="ko">분류1 출력될 확장변수 ID(기본 sports)</description>
               <description xml:lang="en">Tag names to be displayed in Category 1</description>
           </var>
           <var name="tag_cate1" type="text">
               <title xml:lang="ko"> └ 분류1 출력 이름</title>
               <title xml:lang="en"> └ Category 1 Display Name</title>
               <description xml:lang="ko">TAG 버튼 표시 선택시 게시판 상단에 Tag 분류 버튼 출력중 분류1 출력 이름</description>
               <description xml:lang="en">When TAG button display is selected, the display name of Category 1 among Tag category buttons at the top of the board</description>
           </var>
           <var name="tag_cate2n" type="text">
               <title xml:lang="ko"> └ 분류2 확장변수 ID(기본 change)</title>
               <title xml:lang="en"> └ Category 2 Tag Names</title>
               <description xml:lang="ko">분류2 출력될 확장변수 ID</description>
               <description xml:lang="en">Tag names to be displayed in Category 2</description>
           </var>
           <var name="tag_cate2" type="text">
               <title xml:lang="ko"> └ 분류2 출력 이름</title>
               <title xml:lang="en"> └ Category 2 Display Name</title>
               <description xml:lang="ko">TAG 버튼 표시 선택시 게시판 상단에 Tag 분류 버튼 출력중 분류2 출력버튼 이름</description>
               <description xml:lang="en">When TAG button display is selected, the display name of Category 2 button among Tag category buttons at the top of the board</description>
           </var>
           <var name="cnb_tag_order" type="radio">
               <title xml:lang="ko">카테고리 / 상단 TAG버튼 출력 순서</title>
               <title xml:lang="en">Category / Top TAG Button Order</title>
               <description xml:lang="ko">카테고리 메뉴와 상단 TAG 버튼 중 어느 것을 먼저 출력할지 선택합니다.</description>
               <description xml:lang="en">Choose which one is displayed first: the category menu or the top TAG button.</description>
               <options value="">
                   <title xml:lang="ko">카테고리 먼저(기본)</title>
                   <title xml:lang="en">Category First (Default)</title>
               </options>
               <options value="tag_first">
                   <title xml:lang="ko">TAG버튼 먼저</title>
                   <title xml:lang="en">TAG Button First</title>
               </options>
           </var>

7. list.html 수정

<include target="__setting.html" />
{@
   $mh_c1v = (string)Context::get('mh_c1v');
   $mh_c2v = (string)Context::get('mh_c2v');
   if($mh_c1v || $mh_c2v):
       $mh_eid1 = $mi->tag_cate1n;
       $mh_eid2 = $mi->tag_cate2n;
       $oDB = DB::getInstance();
       $mh_filter_srls = null;

       if($mh_c1v && $mh_eid1):
           $mh_stmt1 = $oDB->query(
               'SELECT document_srl FROM document_extra_vars WHERE module_srl = ? AND eid = ? AND value = ?',
               (int)$mi->module_srl, $mh_eid1, $mh_c1v
           );
           $mh_set1 = array();
           foreach($mh_stmt1->fetchAll() as $mh_row1):
               $mh_row1 = is_array($mh_row1) ? (object)$mh_row1 : $mh_row1;
               $mh_set1[] = (int)$mh_row1->document_srl;
           endforeach;
           $mh_filter_srls = $mh_set1;
       endif;

       if($mh_c2v && $mh_eid2):
           $mh_stmt2 = $oDB->query(
               'SELECT document_srl FROM document_extra_vars WHERE module_srl = ? AND eid = ? AND value = ?',
               (int)$mi->module_srl, $mh_eid2, $mh_c2v
           );
           $mh_set2 = array();
           foreach($mh_stmt2->fetchAll() as $mh_row2):
               $mh_row2 = is_array($mh_row2) ? (object)$mh_row2 : $mh_row2;
               $mh_set2[] = (int)$mh_row2->document_srl;
           endforeach;
           $mh_filter_srls = ($mh_filter_srls === null) ? $mh_set2 : array_values(array_intersect($mh_filter_srls, $mh_set2));
       endif;

       if($mh_filter_srls !== null):
           $mh_filter_lookup = array_flip($mh_filter_srls);
           foreach((array)$document_list as $mh_dk=>$mh_dv):
               $mh_dsrl = is_object($mh_dv) ? $mh_dv->get('document_srl') : $mh_dv['document_srl'];
               if(!isset($mh_filter_lookup[(int)$mh_dsrl])):
                   unset($document_list[$mh_dk]);
               endif;
           endforeach;
           $total_count = count($document_list);
       endif;
   endif;
}

~ 생략

{@
               $mh_cnb_order = ($mi->cnb_tag_order=='tag_first') ? 2 : 1;
               $mh_tag_order = ($mi->cnb_tag_order=='tag_first') ? 1 : 2;
               $mh_cnb_style = 'order:'.$mh_cnb_order.';margin-top:0;margin-bottom:'.($mi->default_style=='blog' ? '30px' : '0').';';
           }
           <div class="cnb_n_list">
               <div class="mh_cnb_tag_order" style="display:flex;flex-direction:column;gap:10px">
                   <style>
                       .mh_cnb_tag_order .bd_cnb,
                       .mh_cnb_tag_order ul.cTab,
                       .mh_cnb_tag_order ul.cnb3,
                       .mh_cnb_tag_order .mh_cnb_drill { margin-bottom:0 !important; }
                   </style>
                   <div cond="$mi->use_category=='Y' && $mi->cnb!='N'" class="if_lst_btn"|cond="$mi->select_lst=='N'" style="{$mh_cnb_style}">
                       {@ $cate_list = array(); $current_key = null; }
                       
                           
                               {@
                                   $cate_list[$key] = $val;
                                   $cate_list[$key]->children = array();
                                   $current_key = $key;
                               }
                           
                               {@ $cate_list[$current_key]->children[] = $val }
                           
                       

~ 생략

<block cond="$mi->cnb=='cDrill'">
                           <load target="js/mh_category_drill.js" />
                           {@
                               $mh_cnb_flat = array();
                               foreach($category_list as $mh_ck=>$mh_cv):
                                   $mh_cnb_flat[] = array(
                                       'srl' => (int)$mh_cv->category_srl,
                                       'parent' => (int)$mh_cv->parent_srl,
                                       'title' => $mh_cv->title,
                                       'count' => (int)$mh_cv->document_count,
                                       'color' => $mh_cv->color
                                   );
                               endforeach;
                               $mh_cnb_json = json_encode($mh_cnb_flat, JSON_HEX_TAG|JSON_UNESCAPED_UNICODE);
                           }
                           <div class="mh_cnb_drill" data-current_category="{$category}" data-total_count="{$total_count}" data-list_url_tpl="{getUrl('category','__MH_CATEGORY__','page','','document_srl','')}">
                               <script type="application/json" class="mh_cnb_data">{$mh_cnb_json}</script>
                               <div class="mh_cnb_levels"></div>
                           </div>
                           <style>
                               .mh_cnb_drill{margin-bottom:15px}
                               .mh_cnb_levels{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
                               .mh_cnb_levels button.mh_cnb_pill{display:inline-block;padding:6px 14px;border:0;border-radius:20px;background:#f2f2f2;color:#555;font-size:13px;cursor:pointer;transition:background .15s}
                               .mh_cnb_levels button.mh_cnb_pill:hover{background:#e6e6e6}
                               .mh_cnb_levels button.mh_cnb_pill.on{background:#333;color:#fff}
                               .mh_cnb_levels select{padding:7px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:13px;min-width:130px;max-width:220px}
                               .mh_cnb_levels select:focus{outline:none;border-color:#999}
                           </style>
                       </block>
                   </div>

<block cond="$mi->top_tag_btn =='Y'">
                       {@
                           $mh_all_keys = DocumentModel::getExtraKeys($mi->module_srl);

                           $mh_c1_eid = $mi->tag_cate1n;
                           $mh_c1_idx = 0;
                           $mh_c1_options = array();
                           if($mh_c1_eid):
                               foreach($mh_all_keys as $mh_k_idx=>$mh_k):
                                   if($mh_k->eid == $mh_c1_eid):
                                       $mh_c1_idx = $mh_k_idx;
                                       $mh_c1_options = $mh_k->options ? $mh_k->options : array();
                                       break;
                                   endif;
                               endforeach;
                           endif;
                           $mh_c1_counts = array();
                           if($mh_c1_idx):
                               $oDB = DB::getInstance();
                               $mh_c1_stmt = $oDB->query(
                                   'SELECT value, COUNT(*) as cnt FROM document_extra_vars WHERE module_srl = ? AND eid = ? GROUP BY value',
                                   (int)$mi->module_srl,
                                   $mh_c1_eid
                               );
                               foreach($mh_c1_stmt->fetchAll() as $mh_c1_row):
                                   $mh_c1_row = is_array($mh_c1_row) ? (object)$mh_c1_row : $mh_c1_row;
                                   $mh_c1_counts[$mh_c1_row->value] = (int)$mh_c1_row->cnt;
                               endforeach;
                           endif;

                           $mh_c2_eid = $mi->tag_cate2n;
                           $mh_c2_idx = 0;
                           $mh_c2_options = array();
                           if($mh_c2_eid):
                               foreach($mh_all_keys as $mh_k_idx=>$mh_k):
                                   if($mh_k->eid == $mh_c2_eid):
                                       $mh_c2_idx = $mh_k_idx;
                                       $mh_c2_options = $mh_k->options ? $mh_k->options : array();
                                       break;
                                   endif;
                               endforeach;
                           endif;
                           $mh_c2_counts = array();
                           if($mh_c2_idx):
                               $oDB = DB::getInstance();
                               $mh_c2_stmt = $oDB->query(
                                   'SELECT value, COUNT(*) as cnt FROM document_extra_vars WHERE module_srl = ? AND eid = ? GROUP BY value',
                                   (int)$mi->module_srl,
                                   $mh_c2_eid
                               );
                               foreach($mh_c2_stmt->fetchAll() as $mh_c2_row):
                                   $mh_c2_row = is_array($mh_c2_row) ? (object)$mh_c2_row : $mh_c2_row;
                                   $mh_c2_counts[$mh_c2_row->value] = (int)$mh_c2_row->cnt;
                               endforeach;
                           endif;
                       }
                       {@
                           $mh_bridge_url = '/modules/board/skins/sketchbook5_MH/mh_facet_intersect.php';
                           $mh_cur_c1v = (string)Context::get('mh_c1v');
                           $mh_cur_c2v = (string)Context::get('mh_c2v');
                       }
                       <div cond="$mh_c1_idx || $mh_c2_idx" class="atag-wrap" style="order:{$mh_tag_order};margin-top:0;margin-bottom:0">
                           <div cond="$mh_c1_idx" class="atag-row">
                               <a href="{$mh_bridge_url.'?'.http_build_query(array('mid'=>$mi->mid,'eid1'=>$mh_c1_eid,'c1v'=>'','eid2'=>$mh_c2_eid,'c2v'=>$mh_cur_c2v))}" class="tag tbtn{!$mh_cur_c1v ? ' on' : ''}"><i class="fa fa-tag"></i> {$mi->tag_cate1}</a>
                               <a loop="$mh_c1_options=>$mh_ov1" href="{$mh_bridge_url.'?'.http_build_query(array('mid'=>$mi->mid,'eid1'=>$mh_c1_eid,'c1v'=>($mh_cur_c1v==$mh_ov1 ? '' : $mh_ov1),'eid2'=>$mh_c2_eid,'c2v'=>$mh_cur_c2v))}" class="tag tbtn{$mh_cur_c1v==$mh_ov1 ? ' on' : ''}">{$mh_ov1} ({(int)($mh_c1_counts[$mh_ov1] ?? 0)})</a>
                           </div>
                           <div cond="$mh_c2_idx" class="atag-row">
                               <a href="{$mh_bridge_url.'?'.http_build_query(array('mid'=>$mi->mid,'eid1'=>$mh_c1_eid,'c1v'=>$mh_cur_c1v,'eid2'=>$mh_c2_eid,'c2v'=>''))}" class="tag tbtn{!$mh_cur_c2v ? ' on' : ''}"><i class="fa fa-tag"></i> {$mi->tag_cate2}</a>
                               <a loop="$mh_c2_options=>$mh_ov2" href="{$mh_bridge_url.'?'.http_build_query(array('mid'=>$mi->mid,'eid1'=>$mh_c1_eid,'c1v'=>$mh_cur_c1v,'eid2'=>$mh_c2_eid,'c2v'=>($mh_cur_c2v==$mh_ov2 ? '' : $mh_ov2)))}" class="tag tbtn{$mh_cur_c2v==$mh_ov2 ? ' on' : ''}">{$mh_ov2} ({(int)($mh_c2_counts[$mh_ov2] ?? 0)})</a>
                           </div>
                           <style>
                               .atag-wrap { display:flex; flex-direction:column; gap:8px; margin:10px 5px 10px 0; }
                               .atag-row { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
                               .atag-wrap .tag.tbtn { display:inline-block;padding:6px 14px;border:0;border-radius:20px;background:#f2f2f2;color:#555;font-size:13px;text-decoration:none; }
                               .atag-wrap .tag.tbtn.on { background:#333;color:#fff; }
                           </style>
                       </div>
                   </block>
               </div>

8. write_form.html 수정

<table class="bd_wrt_hd bd_tb">
       <tr>
           <td>
               <block cond="$mi->use_category=='Y' && $category_list && $mi->use_admindong_category=='Y'">
                   {@
                       $mh_cat_flat = array();
                       foreach((array)$category_list as $mh_cv):
                           $mh_cat_flat[] = array(
                               'srl' => (int)$mh_cv->category_srl,
                               'parent' => (int)$mh_cv->parent_srl,
                               'depth' => (int)$mh_cv->depth,
                               'title' => $mh_cv->title,
                               'grant' => (bool)$mh_cv->grant
                           );
                       endforeach;
                       $mh_cat_json = json_encode($mh_cat_flat, JSON_HEX_TAG|JSON_UNESCAPED_UNICODE);
                   }
                   <load target="js/mh_category_cascade.js" type="body" />
                   <div class="mh_category_cascade" data-target="[name='category_srl']" data-current="{$oDocument->get('category_srl')}">
                       <script type="application/json" class="mh_category_cascade_data">{$mh_cat_json}</script>
                   </div>
                   <style>
                       .mh_category_cascade { display:flex; flex-direction:column; }
                       .mh_category_cascade select.mh_category_select { margin-bottom:5px; margin-right:5px; }
                       .mh_category_cascade select.mh_category_select:last-child { margin-bottom:0; }
                   </style>
               </block>
               <select cond="$mi->use_category=='Y' && $category_list" name="category_srl" class="category" style="display:none"|cond="$mi->use_admindong_category=='Y'">
                   <option value="">{$lang->category}</option>
                   
                       <option value="{$val->category_srl}" disabled="disabled"|cond="!$val->grant" selected="selected"|cond="$val->grant && (($val->selected && !$oDocument->get('category_srl')) || $val->category_srl == $oDocument->get('category_srl'))">
                           {str_repeat('  ', $val->depth)} {$val->title} ({$val->document_count})
                       </option>
                   
               </select>
           </td>
           
               <td width="100%">
                   <span class="itx_wrp">
                       <label for="postTitle">{$lang->title}</label>
                       <input type="text" name="title" class="itx" id="postTitle" title="{$lang->title}" value="{(!$oDocument->isExists()&&$mi->title_default_text)?htmlspecialchars($mi->title_default_text):$oDocument->getTitleText()}"/>
                   </span>
               </td>
               <td cond="$is_logged && !$oDocument->isExists() || $oDocument->get('status')=='TEMP'" class="m_no"><button type="button" class="bd_btn" onclick="doDocumentLoad(this);">{$lang->cmd_load}</button></td>
           
               <input type="hidden" name="content" value=" " />
           
       </tr>
   </table>

9. 업로드를 마치고 해당 게시판(module_srl=xx)에 확장변수를 추가하고 검색을 Y로 해야 됩니다.

확장 변수와 분류를 함께 사용해서 선택 검색을 완성하는 것 입니다.

행정동만 사용할려면 안 만들어도 상관 없습니다.

10. 게시판 스킨 카테고리 메뉴 스타일을 "드릴다운 스타일"로 선택하고 아래 항목들을 선택합니다.

11. 설정을 마치고 글 작성을 누르면 제목 좌측에 행정동 분류가 출력되고, 확장변수를 선택합니다.

12. 글 작성 후 목록 상단에 확장변수와 분류 목록이 나옵니다.

13. 분류들을 선택하면 해당 목록만 출력됩니다.

확장변수 선택 기능을 사용하지 않고 행정동만 사용할려면 좀 더 간단합니다.

이 기능들은 특별한 일부의 게시판에만 사용하는 경우라 sketchbook5_MH 게시판 스킨에 추가하지 않고 Tip 으로만 남깁니다.

스케치북 게시판 스킨 분류를 드릴다운 스타일(단계별 하위분류) 추가

팔공산 — Fri, 21 Aug 2026 14:45:44 +0900

sketchbook5_MH 게시판 스킨에 분류를 드릴다운 스타일(단계별 하위분류) 추가 하는 방법

<div class="cnb_n_list">
~ 생략 ~
                   <block cond="$mi->cnb=='cDrill'">
                       {@
                           $mh_cnb_flat = array();
                           foreach($category_list as $mh_ck=>$mh_cv):
                               $mh_cnb_flat[] = array(
                                   'srl' => (int)$mh_cv->category_srl,
                                   'parent' => (int)$mh_cv->parent_srl,
                                   'title' => $mh_cv->title,
                                   'count' => (int)$mh_cv->document_count,
                                   'color' => $mh_cv->color
                               );
                           endforeach;
                           $mh_cnb_json = json_encode($mh_cnb_flat, JSON_HEX_TAG|JSON_UNESCAPED_UNICODE);
                       }
                       <div class="mh_cnb_drill mh_cnb_has_type_selector" data-current_category="{$category}" data-total_count="{$total_count}" data-preview="{$mi->cnb_drill_preview}" data-show_count="{$mi->cnb_count}" data-list_url_tpl="{getUrl('category','__MH_CATEGORY__','page','','document_srl','')}">
                           <script type="application/json" class="mh_cnb_data">{$mh_cnb_json}</script>
                           <div class="mh_cnb_levels"></div>
                       </div>
                   </block>
               </div>

/* Drill Style */
.mh_cnb_drill{margin-bottom:15px}
.mh_cnb_levels{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mh_cnb_has_type_selector .mh_cnb_levels{padding-right:100px}
.mh_cnb_levels a.mh_cnb_flat{display:inline-block;margin:0;padding:7px 16px;border:1px solid #e2e2e2;border-radius:20px;background:#fff;box-shadow:none;color:#555;text-decoration:none;font-size:13px;font-weight:normal;line-height:normal;transition:background .15s,border-color .15s}
.mh_cnb_levels a.mh_cnb_flat:hover{background:#f5f5f5}
.mh_cnb_levels a.mh_cnb_flat.on{background:#555;border-color:#d7e2ee;color:#fff;font-weight:bold}
.mh_cnb_levels a.mh_cnb_reset{display:inline-block;margin:0;padding:7px 16px;border:1px solid #e2e2e2;border-radius:20px;background:#555;box-shadow:none;color:#fff;text-decoration:none;font-size:13px;font-weight:normal;line-height:normal;transition:background .15s,border-color .15s}
.mh_cnb_levels a.mh_cnb_reset:hover{background:#eee;box-shadow:none;color:#444;text-decoration:none;}
.mh_cnb_levels .mh_cnb_arrow{color:#bbb;font-size:13px}
.mh_cnb_levels select{padding:7px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:13px;min-width:130px;max-width:220px}
.mh_cnb_levels select:focus{outline:none;border-color:#999}
.mh_cnb_flat_wrap{position:relative;display:inline-block}
.mh_cnb_preview{display:none;position:absolute;bottom:100%;left:0;margin-bottom:8px;background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:8px 14px 5px;white-space:nowrap;z-index:50}
.mh_cnb_preview::after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:8px;background:transparent}
.mh_cnb_flat_wrap:hover .mh_cnb_preview{display:flex;gap:14px}
.mh_cnb_preview a{color:#333;font-size:12px;text-decoration:none;padding:0;border:0;background:none;font-weight:normal}
.mh_cnb_preview a:hover{color:#0070f3;text-decoration:none}

mh_category_drill.js 파일 생성해서 js 폴더에 업로드

/*
   mh_category_drill.js
   ------------------------------------------------------------
   sketchbook5_MH 게시판 스킨용 - 카테고리 드릴다운 내비게이션
   list.html 에서 $mi->cnb=='cDrill' 일 때 렌더링되는 .mh_cnb_drill 영역을 만든다.
*/
(function($){

   function mhCnbDrillInit(){
       var $wraps = $('.mh_cnb_drill');
       if(!$wraps.length) return;

       $wraps.each(function(){
           var $wrap = $(this);
           if($wrap.data('mh_drill_bound')) return; // 중복 초기화 방지
           $wrap.data('mh_drill_bound', true);

           var $dataTag = $wrap.find('script.mh_cnb_data');
           var flat = [];
           try{
               flat = JSON.parse($dataTag.text() || '[]');
           }catch(e){
               flat = [];
           }

           var totalCount = $wrap.attr('data-total_count') || '0';
           var urlTpl = $wrap.attr('data-list_url_tpl') || '';
           var currentCategory = parseInt($wrap.attr('data-current_category'), 10) || 0;
           var previewEnabled = $wrap.attr('data-preview') === 'Y';
           var showCount = $wrap.attr('data-show_count') === 'Y';

var $levels = $wrap.find('.mh_cnb_levels');
var $ajaxTarget = $('#mh_ajax_target');

           function ancestorPath(srl){
               var path = [];
               var n = bySrl[srl];
               while(n){
                   path.unshift(n);
                   n = n.parent ? bySrl[n.parent] : null;
               }
               return path;
           }

           function buildUrl(srl){
               return urlTpl.replace('__MH_CATEGORY__', srl);
           }

           function escText(str){
               return $('<div>').text(str == null ? '' : String(str)).html();
           }

           function labelWithCount(title, count){
               return showCount ? (title + ' (' + count + ')') : title;
           }

           // parentSrl 밑의 자식들을 고르는 select 하나를 만든다.
           function buildSelect(parentSrl, kids, selectedSrl){
               var $select = $('<select></select>').attr('data-level-parent', parentSrl);
               var totalLabel = (parentSrl === 0) ? labelWithCount('전체', totalCount) : '전체';
               $select.append($('<option></option>').attr('value', parentSrl).text(totalLabel));
               for(var k=0; k<kids.length; k++){
                   var kid = kids[k];
                   $select.append($('<option></option>').attr('value', kid.srl).text(labelWithCount(kid.title, kid.count)));
               }
               $select.val(selectedSrl != null ? selectedSrl : parentSrl);
               return $select;
           }

           function renderFlat(){
               // 아무것도 선택 안 된 초기 상태: 기존 cTab 스타일 텍스트 나열
               $levels.empty();
               var $all = $('<a href="#" class="mh_cnb_flat on"></a>')
                   .attr('data-srl', 0)
                   .text(labelWithCount('전체', totalCount));
               $levels.append($all);

               var topKids = childrenOf[0] || [];
               for(var t=0; t<topKids.length; t++){
                   var tk = topKids[t];
                   var $a = $('<a href="#" class="mh_cnb_flat"></a>')
                       .attr('data-srl', tk.srl)
                       .text(labelWithCount(tk.title, tk.count));
                   if(tk.color && tk.color !== 'transparent'){
                       $a.css('color', tk.color);
                   }

           function renderSelects(path){
               // 1차 이상 선택된 상태: 전체(리셋 링크) > select > select ...
               $levels.empty();

               var $reset = $('<a href="#" class="mh_cnb_reset"></a>').attr('data-srl', 0).text('전체');
               $levels.append($reset);
               $levels.append('<span class="mh_cnb_arrow">›</span>');

               var parentSrl = 0;
               while(true){
                   var kids = childrenOf[parentSrl];
                   if(!kids || !kids.length) break;

                   var chosen = null;
                   for(var pi=0; pi<path.length; pi++){
                       if(path[pi].parent === parentSrl){ chosen = path[pi]; break; }
                   }

$levels.append(buildSelect(parentSrl, kids, chosen ? chosen.srl : parentSrl));

                   if(!chosen) break; // "전체" 선택 상태면 더 이상 하위 select는 안 그림
                   parentSrl = chosen.srl;
               }
           }

           function renderAll(path){
               if(!path.length){
                   renderFlat();
               }else{
                   renderSelects(path);
               }
           }

           function selectCategory(srl, pushState){
               srl = parseInt(srl, 10) || 0;
               var path = srl ? ancestorPath(srl) : [];
               currentCategory = srl;
               renderAll(path);
               loadList(srl, pushState);
           }

           $levels.on('click', 'a[data-srl]', function(e){
               e.preventDefault();
               selectCategory($(this).attr('data-srl'), true);
           });

           $levels.on('change', 'select', function(){
               selectCategory($(this).val(), true);
           });

           $(window).on('popstate.mhCnbDrill', function(e){
               var state = e.originalEvent ? e.originalEvent.state : null;
               var srl = (state && typeof state.mh_category !== 'undefined') ? state.mh_category : currentCategory;
               var path = srl ? ancestorPath(srl) : [];
               currentCategory = srl;
               renderAll(path);
               loadList(srl, false);
           });

           // 초기 렌더 (현재 선택된 카테고리 기준, 목록은 서버가 이미 그려둔 상태라 재요청 안 함)
           var initPath = currentCategory ? ancestorPath(currentCategory) : [];
           renderAll(initPath);
       });
   }

$(mhCnbDrillInit);

})(jQuery);

타 프로그램의 API를 이용해서 게시판 본문에 정보 불러오기

팔공산 — Mon, 17 Aug 2026 07:53:17 +0900

Tip 게시판이 작업 일지를 대신 하기도 해서

타 프로그램의 API를 이용해서 게시판 본문에 정보 불러와서 출력하는 방법을 남긴다.

1. 해당 본문의 확장변수 아래에 다른 프로그램의 API정보를 호출해서 일정을 출력하는 형태

확장변수의 QR코드 이미지 생성 부분은 이 글 아래글 참조

2. 확장변수의 "Club 주소"를 자동으로 인식하여, 해당 프로그램의 일정을 가져온다.- 확장변수 ID : url

3. mh_league_schedule.helper.php 파일을 생성해서 게시판 스킨에 업로드 - mh_league_schedule.css 도 만들어 줘야 한다.

해당 php 파일에는 QR코드 색상 랜덤 코드도 같이 들어 있다.

<?php

/**
* mh_league_schedule.helper.php
*
* 외부 사이트(ClubMen 리그전 관리 앱)의 JSON API를 호출하여
* 게시판 본문 상단에 삽입할 "다가오는 일정 + 지난 일정" HTML을 반환한다.
* 개인 리그전(tournament.php)과 팀 리그전(teamleague.php)을 함께 조회해서 날짜순으로 합쳐 보여준다.
*
* 위젯이 아니라 스킨(_read.html)에서 직접 include하여 사용하는 형태.
*
* API 응답 형식(공통): {"success":true,"list":[{"id":1,"title":"...","date":"YYYY-MM-DD","start_time":"HH:MM:SS", ...}]}
*
* 지난 일정의 1~4위 순위는 tournament.js의 calcRankings()가 대진표 결과를 브라우저에서
* 직접 계산하는 방식이라 API로 바로 못 가져온다. 대신 상세 모달 딥링크로 "결과 보기" 버튼만 제공한다.
*/

if (!function_exists('mh_get_league_schedule_html_from_base'))
{
   /**
   * 게시물 확장변수(예: id="url")에 저장된 사이트 기본 주소를 받아
   * 개인/팀 리그전 API 주소를 조립한 뒤 통합 일정 HTML을 반환한다.
   *
   * @param string $base_url 확장변수에 저장된 값 (예: https://clubmen.inour.net/cm/league/)
   * @param int $list_count 앞으로 있을 일정 표시 개수
   * @param int $past_count 지난 일정 표시 개수 (0이면 지난 일정 섹션 생략)
   */
   function mh_get_league_schedule_html_from_base($base_url, $list_count = 5, $cache_min = 10, $title = '다가오는 일정', $past_count = 3)
   {
       $base_url = trim(html_entity_decode((string)$base_url, ENT_QUOTES, 'UTF-8'));

       if ($base_url === '')
       {
           return '';
       }

       // 'league'가 포함된 주소(예: https://clubmen.inour.net/cm/league/)에서만 일정을 출력
       if (strpos($base_url, 'league') === false)
       {
           return '';
       }

$base_url = rtrim($base_url, '/');

       $sources = [
           'individual' => $base_url . '/api/tournament.php?action=list&for_calendar=1',
           'team' => $base_url . '/api/teamleague.php?action=list',
       ];

return mh_get_league_schedule_html($sources, $list_count, $cache_min, $title, $base_url, $past_count);
}
}

if (!function_exists('mh_get_league_schedule_html'))
{
   /**
   * @param array $sources ['individual' => api_url, 'team' => api_url] 형태. 필요한 것만 넣으면 됨.
   * @param string $link_base_url 리그전 이름/결과 클릭 시 이동할 기본 주소.
   * 개인 리그전은 '{$link_base_url}/?tournament_id={id}',
   * 팀 리그전은 '{$link_base_url}/?team_league_id={id}' 형태로 상세 모달 딥링크 생성.
   * (tournament.js / teamleague.js 양쪽에 쿼리파라미터 처리 코드가 있어야 동작함)
   * @param int $past_count 지난 일정 표시 개수 (0이면 지난 일정 섹션 생략)
   */
   function mh_get_league_schedule_html($sources, $list_count = 5, $cache_min = 10, $title = '다가오는 일정', $link_base_url = '', $past_count = 3)
   {
       if (is_string($sources))
       {
           $sources = ['individual' => $sources];
       }

$cache_key = 'mh_league_schedule:' . md5(json_encode($sources));
$cached = \Rhymix\Framework\Cache::get($cache_key);

       if ($cached === null)
       {
           $merged = [];
           $today = date('Y-m-d');

           foreach ($sources as $type => $api_url)
           {
               $context = stream_context_create(['http' => ['timeout' => 5, 'ignore_errors' => true]]);
               $response = @file_get_contents($api_url, false, $context);

               if ($response === false)
               {
                   continue;
               }

$data = json_decode($response);

               if (!$data || empty($data->success) || empty($data->list))
               {
                   continue;
               }

               foreach ($data->list as $item)
               {
                   if (!isset($item->date))
                   {
                       continue;
                   }

                   $item->mh_type = $type;
                   $item->mh_is_past = ($item->date < $today);
                   $merged[] = $item;
               }
           }

           $upcoming = array_values(array_filter($merged, function ($item) {
               return !$item->mh_is_past;
           }));
           usort($upcoming, function ($a, $b) {
               return strcmp($a->date, $b->date);
           });
           $upcoming = array_slice($upcoming, 0, (int)$list_count);

           $past = array_values(array_filter($merged, function ($item) {
               return $item->mh_is_past;
           }));
           usort($past, function ($a, $b) {
               return strcmp($b->date, $a->date); // 최근 지난 일정이 먼저
           });
           $past = array_slice($past, 0, (int)$past_count);

$cached = ['upcoming' => $upcoming, 'past' => $past];

           // API 실패나 빈 결과도 그대로 캐싱해서 매 요청마다 외부 서버를 재호출하지 않도록 함
           \Rhymix\Framework\Cache::set($cache_key, $cached, (int)$cache_min * 60);
       }

$upcoming_html = _mh_league_render_rows($cached['upcoming'], $link_base_url, false);
$past_html = (int)$past_count > 0 ? _mh_league_render_rows($cached['past'], $link_base_url, true) : '';

$title_html = htmlspecialchars($title, ENT_QUOTES, 'UTF-8');

       $body = '';
       $body .= '<h4 class="mh_league_schedule_title">' . $title_html . '</h4>';
       $body .= $upcoming_html !== '' ? $upcoming_html : '<p class="mh_league_schedule_empty">예정된 일정이 없습니다.</p>';

       if ((int)$past_count > 0)
       {
           $body .= '<h4 class="mh_league_schedule_title mh_league_schedule_title_past">지난 일정</h4>';
           $body .= $past_html !== '' ? $past_html : '<p class="mh_league_schedule_empty">지난 일정이 없습니다.</p>';
       }

return '<div class="mh_league_schedule_box">' . $body . '</div>';
}
}

if (!function_exists('_mh_league_render_rows'))
{
   /**
   * 일정 목록을 <ul> HTML로 렌더링. $is_past이면 이름은 링크 없이 텍스트로만,
   * 대신 "결과 보기" 버튼을 상세 모달 딥링크로 붙인다.
   */
   function _mh_league_render_rows($list, $link_base_url, $is_past)
   {
       if (empty($list))
       {
           return '';
       }

$rows = '';

       foreach ($list as $item)
       {
           $is_team = (($item->mh_type ?? 'individual') === 'team');

           $date = htmlspecialchars($item->date ?? '', ENT_QUOTES, 'UTF-8');
           $time = !empty($item->start_time) ? htmlspecialchars(substr($item->start_time, 0, 5), ENT_QUOTES, 'UTF-8') : '';
           $name = htmlspecialchars($item->title ?? '', ENT_QUOTES, 'UTF-8');
           $fee = isset($item->entry_fee) ? (int)$item->entry_fee : 0;
           $fee_html = $fee > 0 ? number_format($fee) . '원' : '무료';
           $note = trim((string)($item->note ?? ''));
           $note_html = $note !== '' ? htmlspecialchars($note, ENT_QUOTES, 'UTF-8') : '';

           $type_badge = $is_team
               ? '<span class="mh_league_schedule_badge mh_league_schedule_badge_team">팀</span>'
               : '<span class="mh_league_schedule_badge mh_league_schedule_badge_individual">개인</span>';

           $detail_url = '';
           if ($link_base_url !== '' && isset($item->id))
           {
               $param = $is_team ? 'team_league_id' : 'tournament_id';
               $detail_url = $link_base_url . '/?' . $param . '=' . urlencode($item->id);
           }

           if ($is_past)
           {
               $name_html = '<span class="mh_league_schedule_name_text">' . $name . '</span>';
               $name_html .= $detail_url !== ''
                   ? ' <a href="' . htmlspecialchars($detail_url, ENT_QUOTES, 'UTF-8') . '" target="_blank" rel="noopener" class="mh_league_schedule_result_link">결과 보기</a>'
                   : '';
           }
           else
           {
               $name_html = $detail_url !== ''
                   ? '<a href="' . htmlspecialchars($detail_url, ENT_QUOTES, 'UTF-8') . '" target="_blank" rel="noopener" class="mh_league_schedule_link">' . $name . '</a>'
                   : $name;
           }

           $rows .= '<li class="mh_league_schedule_item' . ($is_past ? ' mh_league_schedule_item_past' : '') . '">';
           $rows .= '<div class="mh_league_schedule_row">';
           $rows .= $type_badge;
           $rows .= '<span class="mh_league_schedule_date">' . $date . '</span>';
           $rows .= $time !== '' ? '<span class="mh_league_schedule_time">' . $time . '</span>' : '';
           $rows .= '<span class="mh_league_schedule_name">' . $name_html . '</span>';
           $rows .= '</div>';

           if (!$is_past)
           {
               $rows .= '<div class="mh_league_schedule_sub">';
               $rows .= '<span class="mh_league_schedule_fee">참가비 ' . $fee_html . '</span>';
               $rows .= $note_html !== '' ? '<span class="mh_league_schedule_note">부상 ' . $note_html . '</span>' : '';
               $rows .= '</div>';
           }

$rows .= '</li>';
}

return '<ul class="mh_league_schedule_list">' . $rows . '</ul>';
}
}

if (!function_exists('mh_qr_color_hex'))
{
   /**
   * 문자열(보통 Club주소)을 시드로 항상 같은 색상 하나를 뽑아준다.
   * 같은 주소는 항상 같은 색이 나오고(새로고침해도 안 바뀜), 주소가 다르면 다른 색이 나온다.
   * QR코드는 스캔이 돼야 하므로 너무 밝은 색은 피하고 채도/명도를 고정해서 항상 적당히 진한 색만 나오게 한다.
   *
   * @return string 6자리 hex 색상 코드 (예: '7B1FA2', # 없음)
   */
   function mh_qr_color_hex($seed)
   {
       $seed = trim((string)$seed);

       if ($seed === '')
       {
           return '000000';
       }

       // 경로가 달라도(예: /cm/, /cm/league/) 같은 도메인이면 같은 색이 나오도록 도메인만 사용
       $host = parse_url($seed, PHP_URL_HOST);
       $color_key = $host !== null && $host !== '' ? $host : $seed;

$hue = crc32($color_key) % 360;

return _mh_hsl_to_hex($hue, 65, 38);
}
}

if (!function_exists('_mh_hsl_to_hex'))
{
   /**
   * HSL(0-360, 0-100, 0-100)을 6자리 hex RGB로 변환.
   */
   function _mh_hsl_to_hex($h, $s, $l)
   {
       $s = $s / 100;
       $l = $l / 100;

       $c = (1 - abs(2 * $l - 1)) * $s;
       $x = $c * (1 - abs(fmod($h / 60, 2) - 1));
       $m = $l - $c / 2;

       if ($h < 60)
       {
           $r = $c; $g = $x; $b = 0;
       }
       elseif ($h < 120)
       {
           $r = $x; $g = $c; $b = 0;
       }
       elseif ($h < 180)
       {
           $r = 0; $g = $c; $b = $x;
       }
       elseif ($h < 240)
       {
           $r = 0; $g = $x; $b = $c;
       }
       elseif ($h < 300)
       {
           $r = $x; $g = 0; $b = $c;
       }
       else
       {
           $r = $c; $g = 0; $b = $x;
       }

       $r = (int)round(($r + $m) * 255);
       $g = (int)round(($g + $m) * 255);
       $b = (int)round(($b + $m) * 255);

return sprintf('%02X%02X%02X', $r, $g, $b);
}
}

4. _read.html 수정

{@

~ 중간 내용

// 리그전 일정
include_once($tpl_path . '/mh_league_schedule.helper.php');
$mh_league_schedule_html = mh_get_league_schedule_html_from_base($oDocument->getExtraEidValue('url'), 5, 10, '다가오는 일정');
}

~ 중간 내용

<load target="css/mh_league_schedule.css" />
<block cond="$mh_league_schedule_html">{$mh_league_schedule_html}</block>

{$oDocument->getContent(false)}

물론 해당 프로그램이 API를 제공해야 되고 여러가지 단서가 붙지만

이렇게 게시판 본문에 해당 사이트의 정보들을 출력할 수 도 있다.

언급된 파일들과 QR코드 파일들 압축해서 올리니 참조하세요.

킬러들의 쇼핑몰 2 한글자막 1~8부 완결

팔공산 — Sat, 15 Aug 2026 21:43:22 +0900

킬러들의 쇼핑몰 시즌 2 1~8화 완결 한글자막 입니다.

확장변수 형식을 "파일 업로드" 선택시 웹진형식에 이미지로 출력되게 하는 방법

팔공산 — Sat, 15 Aug 2026 19:39:51 +0900

QR 코드를 스마트폰의 사진기로 스캔, 프로그램을 설치하는 웹앱을 만들었는데

관련 홈페이지를 만들던중 확장변수의 형식을 파일 업로드로 했을시 파일명이 출력되고

클릭시 파일 다운이 되는 것을 확인 후

Claude 를 괴롭혀서 섬네일 부분에 확장변수의 업로드 파일을 섬네일 자리에 출력하는 방법을 구현했다.

[ 해당 SketchBook5 게시판스킨 ]

1. 웹진형으로 선택하고 ⌈ 게시판 설정 > 게시판 정보 > 목록 설정 > 표시 항목 및 순서 ⌋ 에서 섬네일을 추가한다.

2. 확장 변수에서 아래와 같이 작성

확장 변수 ID : qr - 다른 ID로 작성해도 설정에서 수정 가능

형식 : 파일 업로드

3. ⌈ 웹진형 / FT형 ⌋ 설정에서 아래를 선택

• ✔다크모드 선택 • ✔확장변수 출력 선택,

4. skin.xml 에 옵션 추가

           <var name="qr" type="text">
               <title xml:lang="ko">게시판 리스트에 이미지 형식으로 출력할 확장변수 ID</title>
               <title xml:lang="en">Extra Variable ID for Image Format Output in Board List</title>
               <description xml:lang="ko">게시판 리스트 목록에 확장변수중 형식이 파일 업로드를 선택했다면 이미지로 썸네일 부분에 출력할 확장변수 ID(웹진형) (기본은 qr)</description>
               <description xml:lang="en">For the webzine layout, display the uploaded image from the extra variable (file upload type) as the thumbnail in the board list.(Webzine)</description>
           </var>

5. 글 작성

6. 웹진형 리스트에 QR 코드가 섬네일 부분에 위치 - 클릭시 원본 크기의 이미지 팝업으로 출력

7. 본문안의 확장변수도 이미지로 출력되게 - 클릭시 원본 크기의 이미지 팝업으로 출력

[ 코드 수정 ]

<div cond="$list_config['thumbnail']" class="tmb_wrp ribbon_v{$mi->ribbon_style}">

{@
                       $qr_eid = trim($mi->qr ?? '');
                       if($qr_eid == '') $qr_eid = 'qr';
                   }
                   <block cond="$document->getExtraEidValue($qr_eid)">
                       {@
                           $qr_file_srl = $document->getExtraEidValue($qr_eid);
                           $qr_file = FileModel::getFile($qr_file_srl);
                       }
                       <a cond="$qr_file && $qr_file->uploaded_filename"
                       href="javascript:void(0);"
                       class="qr_extra_image"
                       onclick="showQrPopup('{$qr_file->uploaded_filename}', event);"
                       title="QR 이미지 크게 보기">
                           <img src="{$qr_file->uploaded_filename}"
                               alt="QR"
                               class="tmb"
                               style="cursor:pointer; margin-right:20px"
                               width="100" />
                       </a>
                   </block>

<block cond="!$document->getExtraEidValue($qr_eid)">
                       <span cond="!$document->thumbnailExists()" class="no_img tmb">No Image</span>

                       <block cond="$document->thumbnailExists()">
                           <span cond="$mi->tmb_effect=='2'" class="no_img loading"></span>
                           <img class="tmb"
                               src="{$document->getThumbnail($mi->zine_thumb_width,$mi->zine_thumb_height,$mi->zine_thumb_type)}"
                               alt="" />
                       </block>
                   </block>

<block cond="$mi->zine_ribbon!='N' && !$document->getExtraEidValue($qr_eid)">
                       <block cond="!$mi->zine_ribbon || $mi->zine_ribbon=='new_date'">
                           
                               <span class="ribbon nnu new"><i>NEW</i></span>
                           
                               <span class="ribbon nnu update"><i>Update</i></span>
                           
                               <span cond="$mi->zine_ribbon=='new_date'" class="ribbon">
                                   <i class="date">
                                       <b>{$document->getRegdate("d")}</b>
                                       <small>{$document->getRegdate("M")}</small>
                                   </i>
                               </span>
                           
                       </block>

                       <span cond="$mi->zine_ribbon && $mi->zine_ribbon!='new_date'" class="ribbon">
                           <i cond="$mi->zine_ribbon=='cate' && $document->get('category_srl')" class="cate">
                               {$category_list[$document->get('category_srl')]->title}
                           </i>

                           <i cond="$mi->zine_ribbon=='date'" class="date">
                               <b>{$document->getRegdate("d")}</b>
                               <small>{$document->getRegdate("M")}</small>
                           </i>

                           <i cond="$mi->zine_ribbon=='read'">
                               <b>{$document->get('readed_count')}</b>
                               <small>Views</small>
                           </i>

                           <i cond="$mi->zine_ribbon=='vote'">
                               <b>{$document->get('voted_count')}</b>
                               <small>Likes</small>
                           </i>

                           <i cond="$mi->zine_ribbon=='cmt'">
                               <b>{$document->getCommentCount()}</b>
                               <small>Replies</small>
                           </i>

<i cond="$mi->zine_ribbon=='extra'">
                               {$document->getExtraValueHTML($mi->extra_num)}
                               
                           </i>
                       </span>
                   </block>
               </div>

<span cond="$val->eid!='rating' && $val->eid!='price' && $val->eid!=$qr_eid && $val->eid!==$mi->icon_url && $val->eid!==$mi->e_url && $document->getExtraValueHTML($val->idx)"

<include cond="$document->getExtraEidValue($qr_eid)" target="qr.html" />

<div id="qrImagePopup" class="qr-image-popup" onclick="closeQrPopup();">
   <div class="qr-image-popup-inner" onclick="event.stopPropagation();">
       <button type="button" class="qr-image-popup-close" onclick="closeQrPopup();">×</button>
       <img id="qrPopupImage" src="" alt="QR 이미지">
   </div>
</div>

   .qr-image-popup-inner {
       position: relative;
       max-width: 90vw;
       max-height: 90vh;
       padding: 10px;
       background: #fff;
       border-radius: 4px;
       box-sizing: border-box;
   }

   .qr-image-popup-inner img {
       display: block;
       max-width: 80vw;
       max-height: 80vh;
       width: auto;
       height: auto;
   }

   .qr-image-popup-close {
       position: absolute;
       right: 5px;
       top: 5px;
       z-index: 2;
       width: 32px;
       height: 32px;
       border: 0;
       border-radius: 50%;
       background: #fff;
       color: #333;
       font-size: 25px;
       line-height: 28px;
       cursor: pointer;
   }

   .qr-image-popup-close:hover {
       background: #eee;
   }
</style>

var popup = document.getElementById('qrImagePopup');
var image = document.getElementById('qrPopupImage');

if (!popup || !image) return false;

image.src = src;
popup.style.display = 'flex';

document.body.style.overflow = 'hidden';

return false;
}

function closeQrPopup() {
var popup = document.getElementById('qrImagePopup');

if (!popup) return;

popup.style.display = 'none';
document.getElementById('qrPopupImage').src = '';

document.body.style.overflow = '';
}

   document.addEventListener('keydown', function(e) {
       if (e.key === 'Escape') {
           closeQrPopup();
       }
   });
</script>

{@
   $etIdx=1;
   $qr_eid = trim($mi->qr ?? '');
   if($qr_eid == '') $qr_eid = 'qr';
}

~

수정 후 17줄
       <th scope="row">{$val->name}</th>
               <td cond="$val->eid!='rating' && $val->eid!==$mi->etc_name && $val->eid!=$mi->copy && $val->eid!==$mi->e_url && $val->eid!==$mi->dhidden && $val->eid!=$qr_eid" onclick="showUpdateExtraModal(this, {$oDocument->document_srl}, {$val->idx})"|cond="$oDocument->isGranted() && $use_extra_vars_update && isset($extra_keys_for_update[$val->idx]) && $val->eid === $extra_keys_for_update[$val->idx]->eid"><span style="cursor:pointer; text-decoration:underline; text-underline-position:under"|cond="$oDocument->isGranted() && $use_extra_vars_update && isset($extra_keys_for_update[$val->idx]) && $val->eid === $extra_keys_for_update[$val->idx]->eid">{$val->getValueHTML()|noescape}</span></td>

       
       <td cond="$val->eid==$qr_eid">
           {@ $qr_file = FileModel::getFile($oDocument->getExtraEidValue($qr_eid)); }
           <a cond="$qr_file && $qr_file->uploaded_filename" href="javascript:void(0);" class="qr_extra_image" onclick="showQrPopup('{$qr_file->uploaded_filename}', event);" title="{$val->name} 크게 보기">
               <img src="{$qr_file->uploaded_filename}" alt="{$val->name}" class="extravar_img" style="max-width:100px; height:auto; cursor:pointer;" />
           </a>
           <span cond="!$qr_file || !$qr_file->uploaded_filename">{$val->getValueHTML()|noescape}</span>
       </td>
       

~

코드 제일 하단에 추가
<include cond="$oDocument->getExtraEidValue($qr_eid)" target="qr.html" />

다른 게시판 스킨들도 위의 코드들 활용해서 수정 하든지

Claude 에게 부탁하면 금방 해줄 듯

군체 한글자막

팔공산 — Sat, 15 Aug 2026 10:03:32 +0900

테스트 삼아 Subtitle Edit 로 자막을 만들었으며 제미나이의 검수룰 받았습니다.

생각 보다 오래 걸리는데 그래도 컬리티 있는 자막을 자동으로 만들어 주네요.

히든페이스 한글자막

팔공산 — Fri, 14 Aug 2026 18:00:08 +0900

테스트 삼아 Subtitle Edit 로 자막을 만들었으며 쳇GPT의 검수룰 받았습니다.

php 8.4 업데이트시 글 작성 오류 해결

팔공산 — Thu, 30 Jul 2026 18:58:54 +0900

문하우스 사이트를 php 7.4 에서 php 8.4로 이전 할려고 하니 엄청난 오류를 뿜어내네요.

모듈, 에드온, 레이아웃, 게시판 스킨, 위젯등 오류 나는 것들을 일일이 수정하고 나니 화면은 정상적으로 출력됩니다.

근데 글 작성시 오류를 일으키는데

처음 오류는 아래 메세지

SQLSTATE[HY000]: General error: 1364 Field 'reward_point' doesn't have a default value

Rhymix - SQLSTATE[HY000]: General error: 1364 Field 'reward_point' doesn't have a default value 글을 쓰고 등록버튼을 누르면 나타나는 증상입니다. PHP 8.0으로 어렵사리 변경을 했는데 넘어야할 산이 많군요. 개인적으로 4개의 모듈과 또 몇개의 애드온을 제작해서 사용하고 있지만 reward_point 같은 변수를 사... from RHYMIX.ORG

DB의 _documents 테이블에 reward_point 와 reward_srl 를 찾아서 삭제하면 됩니다.

그런후 두번째 오류, 이게 어려웠습니다.

여러 모듈, 에드온 삭제 해봐도 해결이 안 되길레

Caude에게 문의를 하니 에러log 파일을 달래서 호스팅의 에러log 파일을 주니

socialxe 모듈이 문제라네요. 글 작성하고는 별 상관도 없울 것 같은 모듈 때문이라네

그래서 수정해준 socialxe.library.php 를 업로드 하니 해결 되네요.

첨부파일 외부 저장소 이동

팔공산 — Mon, 27 Jul 2026 21:36:50 +0900

모듈 명 : 첨부파일 외부 저장소 이동

소개 : 첨부파일을 S3 호환 오브젝트 스토리지 또는 FTP로 자동 이동시켜 서버 용량을 절감하는 모듈

설치경로 : ./modules/bsplus_external_storage

라이믹스 버전 : 2.1 ~ 2.1.35

PHP 버전 : 7.4 ~ 8.x

========== 개발환경 ==========

php : 7.4 라이믹스버전 : 2.1.35

=================== 패치 현황 =========================

v2.1.0 까지의 기능 미리보기

=====================================================

본 모듈은 무료로 배포되며, GPLv2 라이선스를 따릅니다.
소스코드가 그대로 공개되어 있으며, 사용/설치에 따른 문제(파일 손실, 서버 오류 등)에 대해 개발자는 법적 책임을 지지 않습니다. (LICENSE 파일 참고)

첨부파일을 실제로 다른 저장소로 옮기고 지우는 기능이 포함되어 있으니, 실 서비스 게시판에 바로 적용하기보다는 테스트 게시판에서 먼저 동작을 확인해보신 후 적용하시는 걸 권장드립니다. (원격 저장 성공이 확인된 파일만 로컬에서 지우도록 설계되어 있어, 설정 실수가 있어도 파일이 아예 사라지는 경우는 없도록 만들었습니다.)

버그 제보나 개선 의견은 언제든 환영합니다. 다만 개인적으로 관리하는 무료 모듈이다 보니 답변/수정이 늦어질 수 있는 점 양해 부탁드립니다.

자동 스크롤 애드온 수정판

팔공산 — Sat, 18 Jul 2026 17:26:24 +0900

skyo님의 자동 스크롤 애드온

Rhymix - 자동 스크롤 애드온 정밀 자동 스크롤 & TOP 이동 애드온 (게시판 본문 전용) 게시글 본문(상세 페이지)을 읽을 때 긴 본문과 댓글 영역을 손쉽게 탐색할 수 있도록 돕는 자동 스크롤(Auto Scroll) 및 우측 하단 TOP 이동 버튼 애드온입... from RHYMIX.ORG

SketchBook5 게시판 스킨에 맞게 수정하고 변형했습니다.

Ver 1.0.1 - 2026.07.18기능추가개선

• 개선목적지 HTML ID 에 Class도 가능하게 수정 — #comment or .btm_mn 같이 # 이나 . 을 추가해야 합니다.

SketchBook5 게시판스킨의 경우 #cmtPosition를 입력하면 본문까지 .btm_mn 입력시 최하단 까지 스크롤 됩니다.

목적지 HTML ID or Class 의 기본 값이 #cmtPosition 이라 스케치북에 최적화됨

• 개선디자인 수정 — 자동 스크롤 및 TOP 버튼을 심플하게 출력

• 기능추가마우스 드래그 — 자동 스크롤 영역을 마우스로 드래그해서 위치 이동 가능

- 자동 스크롤 영역 더블 클릭시 접기 / 펴기

• 기능추가속도 조절 다이얼 — 속도 조절 다이얼 표시를 추가할 수 있습니다. 설정에서 선택 가능

• 개선최하단에서 Start 클릭시 Top으로 이동후 제 스크롤

탭 형태의 콘텐츠 박스 MH Tab

팔공산 — Thu, 16 Jul 2026 12:56:11 +0900

에디터에서 탭(책갈피) 형태의 콘텐츠 박스를 만드는 에디터 컴포넌트입니다.

탭 제목과 HTML 내용, 선택/비선택 탭 색상, 탭 순서, 제목/내용 폰트 크기와 색상을 지정할 수 있습니다.

Mh Tab 특징Pop Up View버전 정보

다운받은 파일 압축을 풀어서 mh_tab 폴더를 ./modules/editor/components/mh_tab 에 업로더하고

관리자 설정 에디터에서 항목 체크해 주면 됩니다.

그럼 게시판 글쓰기 항목에 "탭 박스" 추가됩니다.

• 탭 박스 — 본문내용에 책갈피 형태의 탭 박스가 생성됩니다.

• 팝업창에서 입력 — 팝업창에서 탭의 제목과 내용을 입력 할 수 있습니다.

• 에디터 창에서 입력 — 에디터 입력 창에서 이미지나 기타 항목을 추가할 수 있습니다.

• 탭 순서 변경 — 탭의 순서를 임의로 바꿀 수 있습니다.

• 여러 항목 선택 — 탭의 색상, 폰터 크기등을 지정 할 수 있습니다.

Ver 1.3 - 2026.07.24최신기능추가개선

• 기능추가Tab 색상 — 각 Tab에 색과 배경을 지정 할 수 있습니다.

• 개선Tab의 형태 지정 — Tab의 형태도 둥근 형태(기존)와 마름모 모양 중 선택 가능 합니다.

• 기능추가Tab 자동전환 — Tab AutoPlay를 지원합니다.

Ver 1.2 - 2026.07.17버그수정개선

• 버그수정Enter키 적용 — 에디터 편집창에서 Enter시 오류 수정

• 개선Tab 제목과 내용 영역 분리 — 에디터 편집창에서 Tab 제목과 내용 영역 사이의 구분을 확실하게 개선(안내 문구 삽입)

Ver 1.1 - 2026.07.16기능추가개선

• 개선탭 형태 수정 — 탭 형태를 좀더 책갈피 모습에 가깝게 수정 했습니다.

• 기능추가내용글 배경색 지정 — 내용글 박스의 배경색을 지정할 수 있습니다.

Ver 1.0 - 2026.07.16첫버전

• 탭 박스 — 본문내용에 책갈피 형태의 탭 박스가 생성됩니다.

• 팝업창에서 입력 — 팝업창에서 탭의 제목과 내용을 입력 할 수 있습니다.

• 에디터 창에서 입력 — 에디터 입력 창에서 이미지나 기타 항목을 추가할 수 있습니다.

• 탭 순서 변경 — 탭의 순서를 임의로 바꿀 수 있습니다.

• 여러 항목 선택 — 탭의 색상, 폰터 크기등을 지정 할 수 있습니다.

CKEditor 에서만 정상 작동 합니다.

다른 에디터에서는 문제가 있습니다.

CKEditor5 의 경우는 편집 화면에서는 정상적인 출력이 되지는 않으나 본문 출력시는 청상 출력됩니다.

그 외 다른 에디터 (TinyMCE·STARIS) 같은 경우는 본문 출력도 되지 않습니다.

[A.I 의 답변]

CKEditor5·TinyMCE·STARIS 같은 에디터별 미리보기 스타일 차이는 각 에디터의 HTML 필터 설정(GHS, valid_elements 등) 영역이라 사이트 관리자 쪽에서 편집기 설정을 조정하지 않는 한 컴포넌트 코드로는 더 손댈 부분이 없어요.

이미지 슬라이드 MH Slide

팔공산 — Thu, 09 Jul 2026 13:18:28 +0900

업로드한 이미지로 다양한 전환효과의 슬라이드쇼를 만드는 에디터 컴포넌트입니다.

Ver 1.2 - 2026.07.27최신버그수정

• 버그수정파일 삭제 — PopUp 에서 이미지만 추가 시의 파일들이 게시글 삭제 시 파일들 삭제가 안되던 버그 수정

Ver 1.1 - 2026.07.12버그수정개선

• 버그수정반응형 화면 전환시 이미지 사이즈 문제

- 반응형/모바일에서 그리드 전환효과가 화면 크기에 맞춰 정확히 스케일되도록 개선 (어긋남 없음)

- contain 모드에서 작은 이미지가 전환 중 크게 보였다가 끝나고 작아지는 현상 수정

- 팝업에 "반응형/모바일에서도 전환효과 사용" 옵션 추가

• 개선마우스 Hover시 정지

- 이미지에 마우스 오버(PC) / 터치(모바일) 시 자동 슬라이딩 정지, 벗어나면 재개

- 전환 애니메이션 도중 hover가 시작돼도 멈춤이 확실히 유지되도록 수정

Mh Slide 특징 - 2026.07.09첫버전

• 이미지 사이즈 — 원본 이미지의 가로·세로 비율이 일정한 이미지를 업로드하면 슬라이드가 더욱 깔끔하게 출력됩니다.

- 가로/세로 중 한쪽을 비워두면, 입력한 값을 기준으로 각 이미지의 원본 비율에 맞게 나머지 값이 자동으로 계산됩니다.

Sample

- 둘 다 비워두면 가로 100%(반응형)로 출력되며, 첫 번째 이미지의 비율에 맞춰 세로 높이가 자동 조정됩니다.

- 가로·세로 사이즈 둘 다 지정해 주어야 전환 효과가 작동을 합니다.

- 썸네일도 지정한 비율로 출력됩니다.

• 재생 옵션 — 자동 재생, 전환 효과 주기, 랜덤 재생, 썸네일 표시등을 선택 할 수 있습니다.

• 이미지 업로드 — 업로드 방식을 직접 PopUp 에서 추가하거나, 기존에 올려진 파일에서 선택 가능합니다.

- 파일 선택창에서 Shift(범위 선택) 또는 Ctrl(개별 선택, Mac은 Cmd) 키를 누른 채 여러 장을 한 번에 선택하면, 선택한 순서대로 모두 추가되어 순차적으로 업로드됩니다.

- 각 항목 좌측 상단의 ☰ 손잡이를 눌러 드래그하면 이미지 순서를 바꿀 수 있습니다.

- PopUp 에서 추가한 이미지도 에디터 안에 파일 첨부됩니다.

• 이미지 설명 — 각각의 이미지에 Caption를 달 수 있습니다.

다운받은 파일 압축을 풀어서 mh_zoom 폴더를 ./modules/editor/components/mh_slide 에 업로더하고

관리자 설정 에디터에서 항목 체크해 주면 됩니다.

그럼 게시판 글쓰기 항목에 "이미지 슬라이드" 추가됩니다.

비교 슬라이더 MH Before/After

팔공산 — Tue, 07 Jul 2026 19:57:26 +0900

템플릿 컴포넌트 이미지 비교기능 MH 템플릿

A.I의 힘을 빌려서 에디터 컴포넌트로 만들었습니다.

두 장의 이미지를 슬라이더로 겹쳐서 보여주는 Before/After 비교 슬라이더 에디터 컴포넌트입니다.

Ver 1.1 - 2026.07.21최신개선

• 개선Url 추가 — 이미지 업로드와 더불어 이미지의 Url 만 추가해도 됩니다.

다운받은 파일 압축을 풀어서 mh_before 폴더를 ./modules/editor/components/mh_before 에 업로더하고

관리자 설정 에디터에서 항목 체크해 주면 됩니다.

그럼 게시판 글쓰기 항목에 "Before/After" 추가됩니다.

이미지 확대 MH Zoom

팔공산 — Fri, 03 Jul 2026 18:40:45 +0900

템플릿 컴포넌트 Zoom기능 MH 템플릿

A.I의 힘을 빌려서 에디터 컴포넌트로 만들었습니다.

이미지에 마우스를 올리면 옆(또는 지정한 위치)에 확대된 모습을 보여주는 에디터 컴포넌트입니다.

다운받은 파일 압축을 풀어서 mh_zoom 폴더를 ./modules/editor/components/mh_zoom 에 업로더하고

관리자 설정 에디터에서 항목 체크해 주면 됩니다.

그럼 게시판 글쓰기 항목에 "이미지 확대" 추가됩니다.

Ver 1.1 - 2026.07.05최신기능추가개선

• 개선가로폭, 세로폭 조절 - 썸네일의 가로폭, 세로폭을 임의로 조절 가능

• 기능추가Zoom 배율 지정 - 기본은 원본(100%)이고 10~500까지 지정 가능

• 기능추가썸네일 우측 상단에 확대 배율 설정을 임의로 조절 가능하게 추가

Ver 1.0 - 2026.07.03신규

• 신규이미지에 마우스를 올리면 옆(또는 지정한 위치)에 확대된 모습을 보여주는 에디터 컴포넌트입니다.

• 신규파일 직접 선택 - 이미지 파일을 직접 선택할 수 있습니다.

선택된 파일이 에디터 사진 첨부 됩니다.

접기/펼치기 박스 MH Folding Box

팔공산 — Wed, 24 Jun 2026 23:21:12 +0900

템플릿 컴포넌트 폴딩 MH 템플릿 을 만들고 뭔가 아쉬움이 남아서

직접 에디터 컴포넌트로 만들어 보았습니다.

• 기본 html과 css, 최종 마무리는 제가 했고, 90%는 Claude AI가 제작했습니다.

Ver 0.6 - 2026.07.17최신개선

• 개선내용 폰트 색상 — 박스안 내용 폰트 색상을 지정할 수 있습니다.

Ver 0.5최신버그수정기능추가

• 버그수정소제목 폰트 Bold — 소제목의 폰트 굵기가 적용이 잘 안되던 문제 수정

• 버그수정소제목 출력 버그 — 내용글 수정시 소제목 사라지는 버그 수정

• 기능추가font-size 지정 — 여러 항목들의 font-size를 각각 지정 할 수 있습니다.

- px, em, rem, %, pt 형식등 허용 됩니다.

• 개선구조적으로 변경 — V0.4 와 V0.5는 구조적으로 변경이 많습니다.

• 기타내용 수동 삽입 방법 — 수동으로 이미지나 기타 다른 글들을 첨부 할 때는 해당 줄에서 Enter후 추가해야 수정 시 사라지지 않습니다.

Ver 0.4 - 2026.06.29신규개선

• 신규Sub글 작성 — 내용글 아래 Sub글 작성

a. 지금의 형태가 됩니다.

b. sub 내용글도 Drag & Drog 지원 됩니다.

• 개선색상 자동 변경 — 최신 배지를 적용 할 때와 비 적용시 버전, 마크, 배경색 자동으로 변경

수정파일info.xml, mh_folding.class.php, popup.js, popup.css

Ver 0.3 - 2026.06.25신규개선

• 개선항목 목록 순서 변경 - 항목 목록을 Drag & Drop로 순서를 변경할 수 있게 개선

• 신규수동으로 이미지 삽입 - 폴딩 내용안에 수동으로 이미지 삽입 가능

• 수정파일info.xml, popup.js, popup.css

Ver 0.2 - 2026.06.25신규개선

• 신규폴딩 배경 색상 - 폴딩내 배경 색상을 선택할 수 있게 추가

• 개선팝업창 UI수정 - 컴포넌트 팝업창 옵션들의 UI를 수정

• 개선기존 폴딩 내용 수정 - 기존 폴딩 내용을 클릭후 옵션 변경후 수정 적용

• 수정파일mh_folding.class.php, info.xml, popup.html, popup.css, popup.js

Ver 0.1 - 2026.06.24첫버전

• 신규Version 폴딩 기능 - 라이믹스 사이트에서 딱따고기님이 버전 정보를 폴딩으로 작성하는 것을 보고 제작 했습니다.

설치 방법은 간단합니다.

다운받은 파일 압축을 풀어서 mh_folding 폴더를 ./modules/editor/components/mh_folding 에 업로더하고

관리자 설정 에디터에서 항목 체크해 주면 됩니다.

그럼 게시판 글쓰기 항목에 "접기/펼치기 박스" 추가됩니다.

템플릿 컴포넌트 폴딩 MH 템플릿

팔공산 — Wed, 24 Jun 2026 15:59:19 +0900

MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다.

탬플릿 컴포넌트

Ver 1.0 - 2026 06 24 최신

• 라이믹스 사이트에서 딱따고기님이 버전 정보를 폴딩으로 작성하는 것을 보고 탬플릿 컴포넌트를 이용해서 한번 만들어 봤습니다.

Ver 0 - 2026 06 24

• 기본 접기 적용 - 소스보기에서 <details open="">에서 open="" 삭제하면 됨

직접 에디터 컴포넌트로 작성

쇼핑몰 모듈

팔공산 — Sat, 13 Jun 2026 13:17:20 +0900

완성도 높은 쇼핑몰 모듈이 될 수 있도록 많은 피드백 부탁드립니다.

https://ddgglabs.org/ddggshop1 에서 쇼핑몰 모듈을 체험하실 수 있습니다.

현재 토스페이먼츠와 무통장입금 결제방식만 지원하나, 추후 확장 가능하도록 설계되어있고. 업데이트 예정입니다.

============================================================

ver 1.1.3(2026.06.12)

- 쇼핑몰 인스턴스가 생성되기전, 구버전 콘솔이 뜨는 오류 및 파일첨부 오류 해결

ver 1.1.1(2026.06.12)

- 관리자 주문 통계 페이지 +엑셀 export

- 적립금(포인트) 사용기능 추가

- 주문 알림

- 배송 추적(배송조회 링크)

- 상품 엑셀 일괄관리 기능 추가

- 회원 등급별 적립률 기능 추가

- 쿠폰 자동발급 + 쿠폰함

- 토스페이먼츠 결제 안정성강화

- 위시리스트(찜), 연관상품, 포토리뷰 기능추가

ver 1.0.0 (2026.06.12)

- 별도 레이아웃 관리자 콘솔 구성

- 회원공개 폐쇄몰 기능

- 도서산간등 배송비 커스텀 및 상품별 배송비설정 기능

- 쿠폰기능추가

- 컬러셋 커스텀가능

============================================================

핵심 기능

- 상품 & 옵션 관리

색상·사이즈 등 조합형 옵션을 자유롭게 구성하고 조합별 재고·추가금액까지 관리. 대표/추가 이미지 첨부와 상세 에디터를 지원합니다.

- 간편한 결제

토스페이먼츠 카드결제와 무통장입금을 기본 제공. 추후 이니시스, KCP 확장예정

- 다단계 카테고리

최대 3단계 계층형 카테고리. 헤더 hover 메뉴와 상품목록 좌측 필터로 고객이 원하는 상품을 빠르게 찾습니다.

- 리뷰 & 상품문의

별점 리뷰와 비밀글 가능한 1:1 상품문의(Q&A). 판매자 답변까지 관리자에서 한 번에 처리합니다.

- 반응형 지원

모바일 햄버거 메뉴·필터 오버레이·검색까지 모바일 UX 최적화. 회원은 모달 로그인으로 끊김 없이 구매합니다.

관리자

대시보드 — 매출·신규주문·품절 현황 요약
주문 관리 — 기간·상태·결제수단 필터, 송장 입력, 입금 확인, 주문 취소·환불
상품 관리 — 계단식 카테고리 선택, 옵션 조합 생성, 태그·배너 설정
쇼핑몰 설정 — 홈 화면·결제·배송·기타(로고/적립률)까지 탭으로 한 곳에

관리자 대시보드

상품관리 페이지

쇼핑몰 홈

상품 상세페이지

장바구니

모바일 반응형

게시글 별 평점 모듈

팔공산 — Tue, 27 Jan 2026 22:14:33 +0900

[특징]

• 게시글 별 평점 모듈 V1.5 과는 형태는 같지만 다른 설정을 사용합니다.

• 두 버전을 분리하는 이유는 사용자가 유리한 것을 선택하면 됩니다 - V1.5.2 이 각 게시판 별로 형태나 색상을 다르게 적용 가능

• SketchBook5 게시판스킨 - 문하우스 수정버전 V3.5 을 사용하면 V1.5.2를 사용하는게 좋습니다. - 특히 프로필 부분

• 모듈 설정에서 출력 및 형태, 게시판들을 선택합니다 - 게시판 스킨에 한줄 코드만 추가(간단)

Ver 2.1 - 2026.08.14최신개선

• 개선모듈로만 작동 — 게시판 스킨에 코드 입력 없이 작동됩니다.

관리자 설정에서 모듈 업데이트 해주세요.

[설치 방법]

1. 게시글 별 평점 모듈을 설치합니다.

2. ~~적용할 게시판 스킨에 추가 - sketchbook5 스킨의 경우 _read.html 의 적당한 위치에 추가~~

<include target="/modules/starpoint/skins/starpoint_wrapper.html" />

Mh Owl Slide V1.0 위젯 문의드립니다.

강호남 — Tue, 27 Jan 2026 10:36:46 +0900

https://moonhouse.co.kr/xemy/578193 모바일에서도 사용할 수 있는 위젯을 찾던 중 제가 원하던 위젯을 찾았습니다. 감사합니다. ^^

혹시 간단한 부분이면 염치없지만 한가지만 여쭤 보겠습니다.

pc화면에서는 위젯을 설치하고 창의 크기를 줄이면 이미지와 이미지 사이의 여백이 줄어들다 일정 창크기에서는 이미지와 이미지가 붙어버리게 되고 스마트폰(모바일)에서는 1개만 출력이 되는데요.

이미지와 이미지의 사이의 여백은 고정된 채 창의 크기가 줄어들면 보이는 이미지만 갯수만 적어지는 형태로 수정하려고 시도 해보고 있는데 해결이 안되는데요. 혹시 간단한 부분이면 어떤곳을 수정하면 되는지 문의드립니다. 자료 잘쓰겠습니다. ^^

게시판 기능 확장 모듈 V1.2

팔공산 — Thu, 22 Jan 2026 18:17:40 +0900

XE에서 부터 Xiso님이 제작하여 사용해 오던 게시판 기능 확장 모듈을 약간 수정해서 업로드 합니다.

기본 기능(게시판 순서, 일자, 조회수, 추천수 변경 등)에 파일 다운로드 수 변경을 추가했습니다.

php8.4에서도 잘 작동합니다.

저 같은 경우는 프로그램의 새 버전을 올릴때 이이전 버전을 삭제하고 이전 버전과 새 버전만 두는데,

이이전 버전의 다운로드 수를 이전 버전에 합산 합니다.

이 모듈전에는 직접 DB에 접속해서 일일이 수정하였는데 게시판 설정에서 할 수 있게 되니 편하네요.

다운로드 수 변경 확장자에는 이미지파일, 동영상파일, 오디오파일등 미디어 파일들은 일단 제외 했습니다.(옵션에서 선택 가능)

image = 'jpg','jpeg','png','gif','bmp','webp','svg','ico','tiff','tif'

video = 'mp4','avi','mov','wmv','flv','mkv','webm','mpeg','mpg','m4v','3gp'

audio = 'mp3','wav','ogg','flac','aac','m4a','wma','ape','alac'

오리지널 버전 게시판 기능 확장 모듈의 라이선스가 GPL v2 이고,

제작자인 Xiso님의 홈피도 막혀 있고 딱히 연락할 길도 없고해서, 수정해서 올려도 별 문제가 되지 않을 것 같아서 올려 봅니다.

SketchBook5_MH 버전업 V3.5 - 2026.01.13

팔공산 — Tue, 13 Jan 2026 19:44:21 +0900

[ V3.5 수정 ] 2026.01.13
1. 리스트, 웹진, 첫 글만 썸네일형 목록에서 댓글 출력 순서 / 댓글 칸 출력 형태 변경 시 php8.4에서 에러 수정
skin.xml, _list_FirstThumb.html, _list_normal.html, _list_webzine.html
2. 리스트, 웹진, 첫 글만 썸네일형 목록에서 목록에 #태그 출력 시 php8.4에서 에러 수정
_list_FirstThumb.html, _list_normal.html, _list_webzine.html
3. 외부 링크 파일을 로그인 회원만 확장 변수 활용 다운 받게 하는 방법 수정 - 새 창 대신 현재 창에서 파일 다운로드 가능
down.html 파일 수정
4. 댓글에 이미지, 동영상만 존재할 때 리스트 댓글에 지정 문구 출력 등
list_comment.html, list_webzin_comment.html, __setting.html, skin.xml, img/image-line.svg, img/file-video-line.svg

5. 자료실 형태 출력 시 Total 다운 수 출력
_read_data.html

6. 확장 변수 지정일 후 숨김 처리 - rhymix.org/qna에 적용된 기능
extravars.html, skin.xml
• 확장변수 설정 > 지정 날 수 Over Hidden 확장변수 ID

7. Wizard 설정 게시판 상단에 출력 https://moonhouse.co.kr/xetip/601072
• 전체 설정 > 위저드 설정 사용
list.html, skin.xml, _wizardsetting.html

8. 지정 시간(5초)이 지나면 게시판 화면에서 사리 지게 만드는 기능들 https://moonhouse.co.kr/html/601127
board.js, list.html, ver.html, _wizardsetting.html
9. 게시글 별 평점 모듈 업데이트 https://moonhouse.co.kr/xemy/598200
_read.html, skin.xml, vote_members.html, vote_member.css
• 본문 일반 설정 > 게시글 별 평점 모듈 사용
• 평가 회원 출력 추가 - 일반 출력, 관리자만 출력, 출력 안함
• 평가 회원 출력 형태 - Simple, Default, Simple + Default(관리자)

게시글 별 평점 모듈 버전업 V1.5 - 2026. 01. 09

팔공산 — Fri, 09 Jan 2026 19:23:01 +0900

[V 1.5 수정]

1. 스킨 추가 지정 - Simple, Default, black_simple, black_default

2. 평가 회원 출력 추가 - 일반 출력, 관리자만 출력, 출력 안함

평가 회원 출력 형태 - 일반형과 심플형

[일반형]

[심플형 - 평점은 관리자만 보임]

굵은 폰트만 따로 글꼴 지정하는 방법

팔공산 — Wed, 07 Jan 2026 13:33:29 +0900

홈피를 만들다 보면 전체 레이아웃이나 게시판 스킨에 적용하는 폰트를 지정 할 수 있는데,

해당 폰트가 일반적인 글꼴에서는 마음에 드는데 굵은 글꼴에서는 마음에 들지 않을 수 있는데,

이런 경우 적용 가능한 css

/* 굵은 폰트 지정 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

strong, b,
h1, h2, h3, h4, h5, h6,
[style*="font-weight: bold"],
[style*="font-weight: 700"],
[style*="font-weight:bold"],
[style*="font-weight:700"] {
font-family: "Pretendard", sans-serif !important;
}

이 사이트는 일반 폰트는 넥슨 Lv.2 고딕체 적용, 굵은 폰트는 A.I 가 추천한 무료 폰트인 pretendard체를 적용 했습니다.

잠시 보고 사라지게 만드는 javascript

팔공산 — Fri, 02 Jan 2026 10:43:48 +0900

홈피 작업을 하다 보면 어떤 기능들은 페이지 출력시 간혹 필요는 한데,

보통때는 필요가 없어서 자리만 차지하고 있는 것들이 있죠.

이런 것들을 모아서 지정 시간이 지나면 화면에서 사리지게 만드는 javascript.

(참고로 sketchbook5_MH 게시판 스킨을 예로 듭니다.)

// 5초 후 모든 .mh_disappear 패널 제거
setTimeout(function() {
   var panels = document.querySelectorAll('.mh_disappear');

   panels.forEach(function(panel, index) {
       setTimeout(function() {
           panel.style.transition = 'opacity 0.5s';
           panel.style.opacity = '0';

           setTimeout(function() {
               panel.remove();
           }, 500);
       }, index * 500); // 0.5초씩 지연
   });
}, 5000);

• list.html 37줄 mh_disappear추가


<div cond="$grant->manager && $mi->modul_num=='' && !$mo" class="m_num mh_disappear" onclick="copyToClipboard('{$mi->module_srl}')">{$mi->module_srl}</div>
<script cond="$grant->manager && $mi->modul_num==''">
   function copyToClipboard(text) {
       navigator.clipboard.writeText(text).then(function() {
           alert('모듈 번호가 클립보드에 복사되었습니다: ' + text);
       }, function(err) {
           console.error('클립보드 복사 실패:', err);
       });
   }
</script>

• ver.html 19줄 mh_disappear추가

<div cond="$grant->manager && !$mi->ver_info==''" class="last_version mh_disappear">
   <span>SK5_MH 버전 정보</span>
   <span><i class="fa-regular fa-bell"></i>   <a href="https://moonhouse.co.kr/xemy/590994" target="_blank">{$current_version}</a>   <i class="fa-solid fa-caret-right"></i>   <a href="https://github.com/moonhouse-80san/SketchBook5_MH" target="_blank">{$last_version}</a></span>
   <a href="https://moonhouse.co.kr/xemy/590994" target="_blank">MH</a>
     |  
   <a href="https://github.com/moonhouse-80san/SketchBook5_MH" target="_blank">Github
       
   <a class="closeupt" title="기본-table"><i class="fa-solid fa-xmark"></i> 7 Day</a>
</div>

스케치북 스킨 관리자 화면에 쉽게 접근할 수 있는 "위저드" 기능을 제거하면 성능이 눈에 띄게 개선

팔공산 — Wed, 31 Dec 2025 20:30:30 +0900

Rhymix - 스킨에 쓰지 않는 부분 삭제하면 속도 향상에 도움이 될까요? 스케치북 스킨 같은거에서 html 소스의 사용하지 않는 기능 부분들을 다 삭제해버리면 로딩 속도나 서버 부하에 조금 도움이 될까요? 아니면 용량이 조금 줄어드는 정도 말고는 의미가 없는건지요 from RHYMIX.ORG

게시판을 꾸미다 보면 게시판 설정을 자주 사용합니다.

그래서 설정 Wizard 버턴을 적용하여 사용하면 편하죠.

근데 위의 글 에서 처럼 부하가 걸린다고 하니, 이 부분을 해소 하고자 게시판 상단에 Wizard 설정을 출력해서 해결하는 팁 입니다.

기능상 "사용 안함"만 적용되며 Wizard를 사용 설정 할려면 해당 게시판 설정으로 이동 합니다.

사용 안함 체크하면 Wizard 버턴 사라짐,

근데 사용할려면 "사용중"체크시 게시판 설정으로 이동합니다.

"위저드 사용 > 관리자만(기본)"에 체크하면 됩니다.

설정 화면은 10초후 자동으로 사라집니다.

<block cond="$grant->manager && !$mi->wizard=='N' && !$mo">
           <load target="css/wizard.css" />
           <include target="_wizard.php" />
       </block>
       <block cond="!$oDocument->isExists() && $grant->manager && !$mo">
           
           <include target="_wizardsetting.html" />
       </block>

<div class="wizard-setting-panel">
   <span class="setting-label">위저드 설정</span>
   <span class="radio-group">
       <label class="radio-label">
           <input type="radio" name="wizard_opt" value="" checked="checked"|cond="$mi->wizard != 'N'" onchange="location.href='<?php echo getUrl('act', 'dispBoardAdminSkinInfo'); ?>'">
           <span>사용중(✔ 설정 바로가기)</span>
       </label>
       <label class="radio-label">
           <input type="radio" name="wizard_opt" value="N" checked="checked"|cond="$mi->wizard == 'N'" onchange="exeWizardUpdate(this.value)">
           <span>사용 안함</span>
       </label>
   </span>
</div>

       var $ = jQuery;
       // 1. _wizard.php가 로드한 원본 폼을 찾습니다.
       var $originForm = $('#bd_wizard_scroll').find('form').first();

       if(!$originForm.length) {
           alert('원본 설정 폼을 찾을 수 없습니다. _wizard.php가 정상 로드되었는지 확인해주세요.');
           return;
       }

// 2. 폼 데이터를 복사하여 객체화합니다.
var formData = $originForm.serializeArray();

       // 3. 복사된 데이터에서 wizard 값만 사용자가 선택한 값으로 강제 교체합니다.
       var isReplaced = false;
       for (var i = 0; i < formData.length; i++) {
           if (formData[i].name === 'wizard') {
               formData[i].value = val;
               isReplaced = true;
               break;
           }
       }
       if(!isReplaced) formData.push({ name: 'wizard', value: val });

       // 4. 전송 (가장 범용적인 $.post 사용)
       $.post(request_uri, formData, function(data) {
           // 성공 시 페이지를 새로고침하여 적용된 내용을 확인합니다.
           alert('설정이 저장되었습니다.');
           location.reload();
       }).fail(function() {
           // 오류가 나더라도 실제로는 저장되었을 수 있으므로 확인을 위해 새로고침합니다.
           alert('요청을 완료했습니다.');
           location.reload();
       });
   }

   // 10초 후 패널 제거
   setTimeout(function() {
       var panel = document.querySelector('.wizard-setting-panel');
       if(panel) {
           panel.style.transition = 'opacity 0.5s';
           panel.style.opacity = '0';
           setTimeout(function() {
               panel.remove();
           }, 500);
       }
   }, 10000);
</script>

SketchBook5 게시판 스킨 공지사항을 폴딩 형식으로 출력하기 2탄

팔공산 — Tue, 30 Dec 2025 13:32:30 +0900

https://moonhouse.co.kr/xetip/588063
위의 글에서 적용된 폴딩 기능에서 좀 더 발전한 옵션을 주는 벙법입니다.

<div style="float:left; border-top:1px solid #ddd; width:100%">
   <table class="bd_lst bd_tb_lst bd_tb common_notice">
       <tr loop="$notice_list=>$no,$document" class="notice">
           <td $list_config['no']><span class="sbtn_mini sbtn-orange">{$lang->notice}</span></td>
           <td scope="col" class="m_no" style="color:{$category_list[$document->get('category_srl')]->color}"|cond="$category_list[$document->get('category_srl')]->color!='transparent'"><span>{$category_list[$document->get('category_srl')]->title}</span></td>

<td class="title">
               
               <a cond="$mi->notice_view_slide ==''" href="{getUrl('document_srl',$document->document_srl, 'listStyle', $listStyle, 'cpage','')}">
                   <strong><include cond="$mi->notice_view_slide ==''" target="title.html" /></strong>
               </a>

<details cond="!$mi->notice_view_slide ==''" class="accordion">
                   <summary class="notice_fold">
                       <strong><include target="title.html" /></strong>
                   </summary>

<div class="slide-content">
                       <p style="margin-top:10px">
                           <span>{$document->getContent(false)}</span>
                           <div style="text-align:right; float:left; padding-bottom:5px; width:100%">
                               <div style="float:right">
                                   <a href="{getUrl('document_srl',$document->document_srl, 'listStyle', $listStyle, 'cpage','')}" class="btn"><span>공지글 보기</span></a>
                                   
                                       <a href="{getUrl('', 'mid', $mid, 'act','dispBoardWriteComment','document_srl',$document->document_srl)}" class="btn"><span>{$lang->cmd_comment_registration}</span></a>
                                   
                                   
                                       
                                           <a href="{getUrl('', 'mid', $mid, 'act','dispBoardWrite','document_srl',$document->document_srl,'comment_srl','')}" class="btn"><span>{$lang->cmd_modify}</span></a>
                                       
                                       
                                           <a href="{getUrl('', 'mid', $mid, 'act','dispBoardDelete','document_srl',$document->document_srl,'comment_srl','')}" class="btn"><span>{$lang->cmd_delete}</span></a>
                                       
                                   
                               </div>
                           </div>
                       </p>
                       
                       <div class="scroll-end-marker"></div>
                   </div>

<td cond="$list_config['nick_name']"><a href="#popup_menu_area" class="member_{$document->get('member_srl')}" onclick="return false">{$document->getNickName()}</a></td>
           <td cond="$list_config['regdate']">{$document->getRegdate('Y.m.d')}</td>
           <td cond="$list_config['last_update']">{getTimeGap($document->get('last_update'), "y.m.d")}</td>
           <td cond="$list_config['readed_count'] && $val->idx==-1">{$document->get('readed_count')>0?$document->get('readed_count'):'0'}</td>
           <td cond="$grant->manager" class="check m_no"><input type="checkbox" name="cart" value="{$document->document_srl}" class="iCheck" title="Check This Article" onclick="doAddDocumentCart(this)" checked="checked"|cond="$document->isCarted()" /></td>
       </tr>
   </table>
</div>

       const scrollEndObserver = new IntersectionObserver((entries, observer) => {
           entries.forEach(entry => {
               const details = entry.target.closest('details.accordion');
               if (!details || !details.open) return;

let currentOpenDetails = null;
let lastScrollDirection = 0; // 0: 정지, 1: 아래, -1: 위

       // window 스크롤 이벤트 리스너 (짧은 글용)
       window.addEventListener('wheel', function(e) {
           if (currentOpenDetails && currentOpenDetails.open) {
               const slideContent = currentOpenDetails.querySelector('.slide-content');
               const viewportHeight = window.innerHeight || document.documentElement.clientHeight;

               // "짧은 글"로 판단된 경우에만 wheel 로직 적용
               if (slideContent && slideContent.scrollHeight <= viewportHeight * 0.8) {
                   // 스크롤 방향 감지
                   const newScrollDirection = e.deltaY > 0 ? 1 : (e.deltaY < 0 ? -1 : 0);

                   // 스크롤 방향이 아래쪽일 때
                   if (newScrollDirection === 1) {
                       // 기존 타이머가 있다면 취소 (새로운 스크롤 이벤트 발생 시)
                       if (closeTimers.has(currentOpenDetails)) {
                           clearTimeout(closeTimers.get(currentOpenDetails));
                       }

                       // 1초 후에 닫히도록 타이머 설정
                       const timerId = setTimeout(() => {
                           if (currentOpenDetails && currentOpenDetails.open) { // 타이머 만료 시에도 열려있는지 확인
                               currentOpenDetails.open = false;
                               if (slideContent) {
                                   slideContent.style.maxHeight = '0';
                                   slideContent.style.opacity = '0';
                               }
                               closeTimers.delete(currentOpenDetails);

                               setTimeout(() => {
                                   const detailsTop = currentOpenDetails.getBoundingClientRect().top;
                                   window.scrollTo({
                                       top: window.pageYOffset + detailsTop - 200,
                                       behavior: 'smooth',
                                   });
                               }, 300);

                               currentOpenDetails = null; // 닫혔으므로 초기화
                           }
                       }, 1000); // 1초 = 1000ms

                       closeTimers.set(currentOpenDetails, timerId);
                   } else if (newScrollDirection === -1) { // 스크롤 방향이 위쪽일 때
                       // 위로 스크롤하면 타이머 취소
                       if (closeTimers.has(currentOpenDetails)) {
                           clearTimeout(closeTimers.get(currentOpenDetails));
                           closeTimers.delete(currentOpenDetails);
                       }
                   }
               }
           }
       });

       detailsElements.forEach(details => {
           const slideContent = details.querySelector('.slide-content');
           const scrollEndMarker = details.querySelector('.scroll-end-marker');

           details.addEventListener('toggle', function() {
               // details가 닫힐 때 타이머 및 currentOpenDetails 정리
               if (!this.open) {
                   if (closeTimers.has(this)) {
                       clearTimeout(closeTimers.get(this));
                       closeTimers.delete(this);
                   }
                   if (currentOpenDetails === this) {
                       currentOpenDetails = null;
                   }
                   // 닫힐 때 Intersection Observer도 해제
                   if (scrollEndMarker) {
                       scrollEndObserver.unobserve(scrollEndMarker);
                   }
               }

               if (this.open) {
                   currentOpenDetails = this;

                   // 다른 details 닫기
                   detailsElements.forEach(otherDetails => {
                       if (otherDetails !== this && otherDetails.open) {
                           if (closeTimers.has(otherDetails)) {
                               clearTimeout(closeTimers.get(otherDetails));
                               closeTimers.delete(otherDetails);
                           }
                           otherDetails.open = false;
                           const otherSlideContent = otherDetails.querySelector('.slide-content');
                           if (otherSlideContent) {
                               otherSlideContent.style.maxHeight = '0';
                               otherSlideContent.style.opacity = '0';
                           }
                           // 다른 details가 닫힐 때 해당 Observer도 해제
                           const otherMarker = otherDetails.querySelector('.scroll-end-marker');
                           if (otherMarker) {
                               scrollEndObserver.unobserve(otherMarker);
                           }
                       }
                   });

                   // 슬라이딩 효과
                   if (slideContent) {
                       slideContent.style.maxHeight = 'none';
                       const scrollHeight = slideContent.scrollHeight;
                       slideContent.style.maxHeight = '0';
                       requestAnimationFrame(() => {
                           slideContent.style.maxHeight = scrollHeight + 'px';
                           slideContent.style.opacity = '1';

                           // details가 열린 후, 내용의 길이를 판단하여 Observer 등록
                           const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
                           if (scrollHeight > viewportHeight * 0.8) { // 긴 글인 경우
                               if (scrollEndMarker) {
                                   scrollEndObserver.observe(scrollEndMarker);
                               }
                           }
                       });
                   }

                   // 열린 details로 스크롤 이동
                   requestAnimationFrame(() => {
                       const detailsTop = this.getBoundingClientRect().top;
                       window.scrollTo({
                           top: window.pageYOffset + detailsTop - 200,
                           behavior: 'smooth',
                       });
                   });
               } else {
                   // details가 닫힐 때
                   if (slideContent) {
                       slideContent.style.maxHeight = '0';
                       slideContent.style.opacity = '0';
                   }
               }
           });
       });
   });
</script>

위의 스크립트는 공지글의 내용이 길어서 한 화면을 넘어서면 가장 아래줄에 도달시 3초가 지나면 자동으로 닫히고,
내용글이 짧아서 화면을 벗어나지 않으면 내용이 닫히지 않고, 마우스 스크롤시 1초가 지나면 닫히게 만든 스크립트 입니다.

시간은 자신에게 맞게끔 조절하면 됩니다.

별 기능이 아닌데 스크립트가 길다고 여겨지면 적용 안 하면 됩니다.(딴지 걸기 없기 ^.^)

위의 코드는 앨런 A.I가 만들어 줬습니다.

앨런 - 한국어 AI 검색엔진 | ChatGPT, Claude, Gemini, EXAONE 4개 모델 비교 최신 AI 모델 비교부터 논문·유튜브 요약까지. 한국어에 가장 강한 AI 검색엔진 앨런으로 검색, 글쓰기, 문서 작성에서 압도적인 생산성을 경험하세요. 모든 기능을 무료로 체험해보세요! from ALAN.ESTSOFT.AI

창원시 마창대교 근처 카페모조

팔공산 — Sun, 16 Nov 2025 10:54:39 +0900

구충제 모듈 v2

팔공산 — Thu, 06 Nov 2025 19:07:07 +0900

ALL-BAN-dazole

anti-parasite module for Rhymix

귀중한 서버 자원과 트래픽을 쪽쪽 빨아먹는 기생충 같은 로봇들을 차단합니다.

~~암 예방에 도움이 될지도 모릅니다.~~

1. 널리 알려진 불량 로봇 user-agent 목록이 기본 적재되어 있습니다.

불량 로봇으로 간주하는 기준은

1) 검색 노출을 통한 방문자 유입, SNS 공유, 광고 수익 등 명백한 혜택을 주지 않으면서

2) 운영자의 동의 없이 국내 홈페이지를 대량으로 크롤링하여

3) 서버 부하 증가, 해외 트래픽 요금 등의 피해를 입힌 이력이 있는 user-agent 또는 IP 대역입니다.

통계 작성이나 마케팅을 위한 데이터 수집, AI 학습 데이터 수집은 대부분 해당됩니다. (만약 특정 업체의 크롤링에 동의하셨다면 해당 user-agent나 IP 대역을 목록에서 제외하세요.)

물론 .htaccess나 서버 설정으로 차단하는 것이 훨씬 더 효율적이겠지만, 웹호스팅에서는 서버 설정을 임의로 수정하기도 어렵고, .htaccess를 수정하면 코어 업데이트시 덮어씌워질 수 있으므로 좀더 관리하기 편한 방법을 제공합니다. User-agent 목록을 수정하실 경우, 정상적인 방문자를 차단하지 않도록 조심하세요.

2. 해외 접속을 국가별로 통제할 수 있습니다.

(스크린샷은 예시이며, 해당 국가들을 차단하라는 뜻이 아닙니다.)

위의 1번과 같은 user-agent 기반의 AI 봇 차단이 보편화되면서, 최근에는 일반 브라우저로 user-agent를 위장한 채 다수의 IP에서 무작위로 접속하여 서버 부하를 일으키고 해외 트래픽을 유발하는 AI 봇이 늘어나고 있습니다. 어느 나라 IP가 많이 등장하는지는 그때그때 다릅니다. 중국일 때도 있고 브라질일 때도 있고... 그렇다고 해외 접속을 모두 차단하면 해외 회원들이 불편을 겪는 것은 물론, 구글 노출과 광고에도 악영향이 있겠지요?

그래서 구충제 모듈 v2부터는 해외 특정 국가에서 접속할 경우 클라우드플레어처럼 캡챠를 표시하거나, 로그인을 강제하도록 설정할 수 있도록 개선했습니다. 즉, 특정 국가에서만 회원제 사이트로 전환하는 효과를 얻을 수 있습니다.

Googlebot, bingbot, facebookexternalhit 등 널리 알려진 검색로봇이나 SNS 공유 로봇은 예외처리할 수 있습니다.

3. 클라우드 서버 IP를 차단할 수 있습니다.

(스크린샷은 예시이며, 해당 업체들을 차단하라는 뜻이 아닙니다.)

국내외 클라우드의 VPS나 서버리스 상품을 사용하여 다수의 IP를 돌려쓰며 무단 크롤링하는 봇을 일괄 차단할 수 있습니다. 개발자를 위한 API 서비스를 운영하지 않는 사이트라면, 클라우드 서버 IP를 통한 접속은 대부분 봇이라고 가정해도 무방합니다.

아마존이나 구글처럼 자사의 클라우드 서비스에 사용하는 IP 대역 목록을 공식적으로 제공하는 업체는 그 정보를 활용하여 차단하고, 그렇지 않은 업체는 ASN 단위로 차단합니다.

차단된 사용자에게는 아래와 같은 화면이 표시되며, 안내 문구는 커스터마이징할 수 있습니다. 이미 대부분의 사람들이 익숙해진 클라우드플레어의 주황색 안내 화면처럼, 해외 접속자분들은 이 화면에도 곧 익숙해지지 않을까 합니다.^^

4. 국가 및 클라우드 IP 대역 DB를 제공합니다.

국가나 기업이 사용하는 IP 대역은 종종 변경될 수 있으므로, 구충제 모듈이 사용하는 IP 대역 DB는 모듈과 별도로 종종 업데이트할 예정입니다. 한 달에 한 번 정도 IP 대역 업데이트 버튼을 클릭해 주시는 것을 추천합니다.

모든 차단 기능은 서버 부하와 트래픽을 최소화하는 방법으로 구현되어 있습니다. (차단 화면을 예쁘게 꾸밀 수도 있겠지만, 추천하지 않습니다.) 원치 않는 AI 봇을 차단하는 과정에서 오히려 더 많은 부하와 트래픽이 발생한다면 곤란하니까요.

작동 환경: 라이믹스 2.1.x (2024년 하반기 이후 릴리즈된 버전)

하단 영역을 브라우즈의 최하단에 고정시키는 방법

팔공산 — Wed, 05 Nov 2025 13:15:42 +0900

<div class="gtco-content">
   </div>

<footer id="gtco-footer">
       <div class="container">
       </div>
   </footer>

</div>

위의 코드에서  부분을
브라우즈 화면의 최하단에 위치 시키는 방법입니다.

   #page > div:not(nav):not(footer) {
       flex: 1;
   }

   #gtco-footer {
       margin-top: auto;
   }
</style>

콘텐츠가 적을 때는 하단에 붙고, 콘텐츠가 많을 때는 자연스럽게 아래로 밀려나는 방식입니다.

참고로 position: fixed 방법은 footer가 항상 화면에 보이도록 고정하는 방식이라 콘텐츠를 가릴 수 있습니다.

해외에서의 접근을 제어합니다.

팔공산 — Mon, 03 Nov 2025 16:24:13 +0900

해외 봇들의 기승으로 인해 트래픽이 감당을 할 수가 없어서 조치를 취합니다.

해외에서 접속하는 일반 유저분들은 귀찮터라도 회원가입을 하고 로그인을 하면 정상적인 문하우스 홈피가 열립니다.

해외에 거주하시는 유저분들에게 양해를 구합니다.

Rhymix 2.1.25 Release 이후 위젯들 수정 내용

팔공산 — Sat, 21 Jun 2025 10:34:16 +0900

Rhymix 2.1.25 Release 이후 위젯들에 약간의 수정이 필요합니다.

mh위젯들중에 페이지 기능을 사용중인 위젯들은 아래 부분 수정해 주세요.

mh_portfolio위젯 을 예로들어

/widgets/mh_portfolio/skins/default/list.html

경로의 파일을 열어서 아래와 같이 수정해 주세요

수정전

{@$page_view = WD_getNextPage_mpf($wi->total_count,$wi->total_page,$wi->page,$wi->page_count)}

수정후

{@$page_view = WD_getNextPage_mpf($wi->total_count,$wi->total_page,$wi->page,intval($wi->page_count))}

그리고 mh_comment위젯 을 사용중이면 업데이트 버전 받아서 사용하세요

Mh Appoint PopUp 버전업 V1.5 - 2025. 06. 03

팔공산 — Tue, 03 Jun 2025 10:12:52 +0900

[ V1.5 UP ] -2025.06.03

• 출력된 팝업창을 지정 Time 경과시 자동으로 종료 추가(선택가능)

sideways 레이아웃 질문입니다.

구름의저편 — Mon, 28 Apr 2025 09:24:30 +0900

감사합니다!

ChatGPT에서 사진들을 지브리풍으로 변환해 보기

팔공산 — Thu, 17 Apr 2025 12:49:50 +0900

ChatGPT에서 사진을 지브리풍 으로의 변환이 유행하고 있어서 나도 한번 동참해 봤습니다.

먼저 명령어는 간단합니다.

변환할 사진을 올리고 대화창에 "지브리풍으로" 이렇게만 해도 잘 변환해 줍니다.

위의 이미지에서 처럼 변환된 이미지에서 원하는 명령어를 추가해 주면 다시 이미지를 생성해 줍니다.

위의 사진과 같이 인원 수가 많지 않거나 단순한 인물 사진들은 가감 없이 잘 변환해 주는데

인원이 늘어 날 수록 빠진 인원이 생기고 어떨때는 추가 되기도 하더라구요.

그럴때는 인원을 콕 찍어서 다시 명령하면 됩니다.

위의 이미지는 앞의 노 부부의 의상이 한복이 아닌 일본풍이라 한복으로 교체를 명했고, 얼굴들이 좀 굳어 있어서 살짝 미소를 지어달라고 하니 만들어진 이미지입니다.

앞 우측에 꼬마가 2명이 되기도 하고 할머니 의상 바꾸니 할아버지 의상이 일본식이고 이런 저런 수정을 거치기는 했습니다.

지브리풍 이외에도 어벤져스, 심슨, 짱구 같은 모델로도 변환이 가능합니다.

어벤져스풍은 약간 무섭네요🫥

🎨 애니메이션/카툰 스타일

디즈니 애니메이션풍
픽사 스타일 (예: 《업》, 《인사이드 아웃》 등)
드래곤볼 스타일
원피스 스타일
귀멸의 칼날 스타일
포켓몬/포켓몬 트레이너 스타일
명탐정 코난풍
나루토 스타일
지브리 스튜디오 스타일 (이미 사용됨)
짱구는 못말려 스타일 (이미 사용됨)
심슨 스타일 (이미 사용됨)
사우스파크 스타일
벤 10 스타일

💥 코믹북/슈퍼히어로풍

마블 스타일 (예: 어벤져스풍 — 이미 사용됨)
DC 스타일 (배트맨, 슈퍼맨, 원더우먼 등)
스파이더맨 애니메이션 스타일 (예: 《스파이더버스》 스타일)

🕹️ 게임 스타일

포트나이트 캐릭터풍
젤다의 전설 (특히 브레스 오브 더 와일드 스타일)
젠신 임팩트풍
동물의 숲 스타일
슈퍼마리오풍

🎭 기타 스타일

레고 캐릭터 스타일
Funko Pop 피규어 스타일
종이접기 종이인형 스타일
마인크래프트 스타일
픽셀아트 스타일
일본 RPG 게임 캐릭터풍 (페르소나, 파이널 판타지 등)

어떤 스타일로 변환해 드릴까요? 원하시는 스타일을 말씀해 주시면 바로 작업 들어갈게요 😊
혹은 여러 스타일 중 비교하고 싶으시면 2~3가지 골라주셔도 됩니다!

ChatGPT 이외의 다른 AI들도 가능한가 싶어서 명령들을 줘보니 다들 어려워하네요!

한마디로 안됩니다.

그나마 Microsoft의 Copilot 정도가 아래와 같은 이미지를 생성해 주네요.

샤그라다 파밀리아성당안 어벤져스풍

팔공산 — Tue, 08 Apr 2025 08:15:25 +0900

독일 뢰머광장 디즈디풍

팔공산 — Tue, 08 Apr 2025 07:59:31 +0900

독일 뢰머광장 지브리풍

팔공산 — Tue, 08 Apr 2025 07:58:42 +0900

본문 중간

風文 — Thu, 03 Apr 2025 10:31:28 +0900

게시물을 보려고 누르면 중간에 시커멓게 박스가 나와요. 제 아이디가 제일 앞에 나오고 나머진 그냥 시커매요. 어디에 쓰는 건가요?
그 밑에는 댓글 쓰는 박스가 있고요.

어디다 쓰는 박스인가요. 소갯글인가요? 어떻게 수정하나요. 기능이 뭔가요?

글 상자 작성 Text Box

팔공산 — Wed, 02 Apr 2025 11:35:27 +0900

예전 XE시절에 사용하던 "글 상자 작성 Text Box" 에디터 컴포넌트를 약간의 기능을 추가하여 올립니다.

XE공식 자료실에서 찾아보니 라이선스가 GPL v2 라 이렇게 올려도 별 문제가 없을 것 같네요.

2009년에 만들어 졌지만 지금 사용해도 괜찮은 기능을 가지고 있습니다.

php8 이상에서도 잘 작동되게 수정했습니다.

설치 방법은 간단합니다.

다운받은 파일 압축을 풀어서 textbox폴더를 /modules/editor/components/textbox 에 업로더하고

관리자 설정 에디터에서 항목 체크해 주면 됩니다.

그럼 게시판 글쓰기 항목에 "글 상자 작성" 추가됩니다.

클릭해 보면 아래 처럼 출력됩니다.

그냥 보이는 옵션들 지정하면 됩니다.

제가 추가한 기능이 "빈칸 제거 기능"입니다.

이건 문서를 복사해 오는데 앞줄에 빈칸들이 있을때 앞줄 빈칸들을 제거해 줍니다.

<var name="remove_whitespace" type="radio">
           <title xml:lang="ko">빈칸 제거 기능</title>
           <description xml:lang="ko">글의 앞부분의 빈칸을 제거합니다.</description>
           <options value="N">
               <title>제거안함(기본)</title>
           </options>
           <options value="Y">
               <title>제거</title>
           </options>
       </var>

<var name="remove_whitespace" type="radio">
           <title xml:lang="ko">빈칸 제거 기능</title>
           <description xml:lang="ko">글의 앞부분의 빈칸을 제거합니다.</description>

  <options value="N">
               <title>제거안함(기본)</title>
           </options>
           <options value="Y">
               <title>제거</title>
           </options>
       </var>

  링크

그리고 우측 상단에 "복사하기" 기능 추가했습니다.

[ V1.2 ]

- 형태를 유지한 체 앞 공백 제거 - 공백이 가장 적은 줄의 공백수 만큼만 모든 줄에 공백 제거 적용

- 검은색 배경색을 위해 "글 색상" 추가했습니다.

- 박스 상단 좌측에 제목 입력 가능

[ V1.3 완성본]

- 박스안 일부분 색상 지정 가능(span 태그시)

- <br /> 테그 적용
- <a> 태그 적용

- <img> 태그 적용

- 복사 버턴 출력 유무

- 제목글 가로폭 초과시 overflow 색상(Gold)

- 언어팩 추가

넥슨 Lv.2 고딕 NEXON Lv2 Gothic 웹 폰트 적용하기

팔공산 — Tue, 25 Mar 2025 17:15:16 +0900

넥슨 Lv.2 고딕 NEXON Lv2 Gothic 웹 폰트 적용하기

NEXON Brand Identity Guide 넥슨은 항상 참신하고 함께 하는 재미를 통해 즐거움에 대한 신뢰를 주는 브랜드입니다 from BRAND.NEXON.COM

적용하고자하는 레이아웃이나 프로그램의 css파일을 불러와서 상단에 아래의 코드를 적용하면 됩니다.

@font-face {
   font-family: 'NEXON Lv2 Gothic';
   src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'NEXON Lv2 Gothic';
   src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
   font-weight: bold;
   font-style: normal;
}

body, a, p, div, span, table, ul, li, img, h1, h2, h3, h4, h5, h6, header, textarea, form, footer, caption, section, button, select, html, i, nav, iframe, ol, strong, tbody, tfoot, thead, th, tr, abbr, object, acronym, address, applet, article, aside, audio, b, blockquote, big, center, canvas, cite, code, command, datalist, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, font, hgroup, ins, kbd, keygen, label, legend, meter, output, pre, progress, q, s, samp, small, source, strike, sub, sup, tdvideo, tt, u, var { font-family: "NEXON Lv2 Gothic", sans-serif; font-size:14px; font-weight:400; }

font-size와 font-weight는 자신에세 맞게 조정하면 됩니다.

게시글 별 평점 모듈 버전업 V1.4 - 2025.03.25

팔공산 — Tue, 25 Mar 2025 14:43:07 +0900

[V 1.4 수정]

1. 스킨 지정 - Default, Simple
평점모듈 이지만 게시판 스킨에서 설정과 수정이 많습니다.

어느 것이 정답인지는 모르겠지만 게시판 스킨 수정이 활용 범위가 더 넓은 것 같네요 (모듈 설정 능력이 안 되는 하수의 변명 ㅠㅠ)

스킨을 지정할려면 게시판 스킨의 skin.xml 와 _read.html 에 코드를 추가해야 합니다.

skin.xml 에 starpoint_skin 설정 추가
<var name="starpoint_skin" type="radio">
   <title> ┖ 스킨</title>
   <description/>
   <options value="">
       <title>Default(기본)</title>
   </options>
   <options value="s">
       <title>Simple</title>
   </options>
</var>

_read.html 에 스킨 추가

<include cond="!$mi->star_point =='' && $mi->starpoint_skin ==''" target="/modules/starpoint/tpl/rating.html" />
<include cond="!$mi->star_point =='' && $mi->starpoint_skin =='s'" target="/modules/starpoint/tpl/simple/rating.html" />

2. 평가하기시 별에 마우스 오버시 평가점 출력

[Simple 스킨] https://moonhouse.co.kr/xetip/598109

게시글 별 평점 모듈 V1.5 - 2026. 01. 09

팔공산 — Mon, 17 Mar 2025 18:59:06 +0900

얼음조각티님이 기초적인 틀을 만들어 주고, 제가 약간의 디자인을 추가하여 얼음조각티님의 허락을 득한 후 모듈로 배포합니다.

[V 2.0 수정]

• 설정을 모듈에서 직접 관리 게시글 별 평점 모듈 V2.0

• 최소한의 게시판 스킨 수정 - V2.0

• 두 버전을 분리하는 이유는 사용자가 유리한 것을 선택하면 됩니다 - V1.5.2이 각 게시판 별로 형태나 색상을 다르게 적용 가능

• SketchBook5 게시판스킨 - 문하우스 수정버전 V3.5 를 사용할려면 V1.5.2를 설치하는게 좋습니다 - 특히 프로필 부분등

[V 1.5.2 수정]

1. 평가 취소 버턴 추가

2. 모듈 설정에 설치 메뉴얼 추가

3. vote_members.html 파일을 starpoint 모듈로 이동

[V 1.5 수정]

* 주의사항 - 기존 사용자는 게시판 설정을 다시 해야합니다.(기본스킨이 Simple 스킨 으로 변경)

1. 스킨 추가 지정 - Simple, Default, black_simple, black_default

           <var name="star_point" type="radio">
               <title>게시글 별 평점 모듈 사용</title>
               <description>게시글 별 평점 모듈이 설치되어 있어야 합니다.
               https://moonhouse.co.kr/xemy/598200</description>
               <options value="">
                   <title>모듈 설치 안됨(기본)</title>
               </options>
               <options value="Y">
                   <title>모듈 설치</title>
               </options>
           </var>
           <var name="starpoint_skin" type="radio">
               <title> ┖ 스킨</title>
               <description/>
               <options value="">
                   <title>Simple(기본)</title>
               </options>
               <options value="d">
                   <title>Default</title>
               </options>
               <options value="b_s">
                   <title>Black Simple</title>
               </options>
               <options value="b_d">
                   <title>Black Default</title>
               </options>
           </var>
           <var name="starpoint_text" type="text">
               <title> ┖ 타이틀</title>
               <description>상단에 들어갈 타이틀(기본문구 : 글)</description>
           </var>
           <var name="vote_members" type="radio">
               <title> ┖ 평가 회원 출력</title>
               <description>평점을 투표한 회원 출력</description>
               <options value="">
                   <title>출력(기본)</title>
               </options>
               <options value="N">
                   <title>출력 안함</title>
               </options>
               <options value="A">
                   <title>관리자만 출력</title>
               </options>
           </var>
           <var name="vm_form" type="radio">
               <title> ┖ 평가 회원 출력 형태</title>
               <description>평점을 투표한 회원 출력의 형태를 선택</description>
               <options value="">
                   <title>Simple(기본)</title>
               </options>
               <options value="D">
                   <title>Default</title>
               </options>
               <options value="T">
                   <title>Simple + Default(관리자)</title>
               </options>
           </var>

<include cond="!$module_info->star_point =='' && $module_info->starpoint_skin ==''" target="/modules/starpoint/skins/simple/rating.html" />
           <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin =='d'" target="/modules/starpoint/skins/default/rating.html" />
           <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin =='b_s'" target="/modules/starpoint/skins/black_simple/rating.html" />
           <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin =='b_d'" target="/modules/starpoint/skins/black_default/rating.html" />

<include cond="!$module_info->star_point =='' && $module_info->vote_members ==''" target="vote_members.html" />
           <include cond="!$module_info->star_point =='' && $module_info->vote_members =='A' && $logged_info->is_admin == 'Y'" target="vote_members.html" />

2. 평가 회원 출력 추가 - 일반 출력, 관리자만 출력, 출력 안함

평가 회원 출력 형태 - Simple, Default, Simple + Default(관리자)

[Default]

[Simple - 평점은 관리자만 보임]

[Simple + Default(관리자) - Simple은 모두에게 출력 Default형은 관리자만 출력]

[V 1.4 수정]

1. 스킨 지정 - Default, Simple
평점모듈 이지만 게시판 스킨에서 설정과 수정이 많습니다.

어느 것이 정답인지는 모르겠지만 게시판 스킨 수정이 활용 범위가 더 넓은 것 같네요 (모듈 설정 능력이 안 되는 하수의 변명 ㅠㅠ)

스킨을 지정할려면 게시판 스킨의 skin.xml 와 _read.html 에 코드를 추가해야 합니다.

<var name="starpoint_skin" type="radio">
   <title> ┖ 스킨</title>
   <description/>
   <options value="">
       <title>Default(기본)</title>
   </options>
   <options value="s">
       <title>Simple</title>
   </options>
</var>

<include cond="!$mi->star_point =='' && $mi->starpoint_skin ==''" target="/modules/starpoint/tpl/rating.html" />
<include cond="!$mi->star_point =='' && $mi->starpoint_skin =='s'" target="/modules/starpoint/tpl/simple/rating.html" />

2. 평가하기시 별에 마우스 오버시 평가점 출력

[Simple 스킨] https://moonhouse.co.kr/xetip/598109

[V 1.3 수정]

1. 평가가 DB에 저장되지 않는다는 이슈가 있어서 수정했습니다.

2. 기존의 사용자중 평가가 없거나 중요하지 않으면 DB에 접속해서 rx_document_star 테이블 삭제해서

초기화후 관리자 설정에서 모듈 업데이트후 사용하면 깔끔합니다.

3. DB 오류나 다른 문제가 있으면 댓글이나 깃허브 이슈로 남겨주세요.

[V 1.2 수정]

1. 본인의 글은 평가할 수 없게 수정 (socialskyo)

2. 디자인을 심플하게 수정

3. skin.xml 에 빨간색 부분 추가 - 타이틀부분(글) 변경 가능

sketchbook5 게시판스킨이 아니면 _read.html 파일의 상단에 아래 파란색 코드 추가해야 정상 작동합니다.
{@ $mi = $module_info; }
$module_info로 작성시 starpoint모듈의 설정을 가져 올려고 하다보니 타이틀 변경이 안되고
$mi로 작성해야 해당 게시판 스킨의 설정을 가져 옵니다.

[설치 방법]

1. 다운 받은 모듈을 설치 - 관리자 설정 없음

2. 게시글 별 평점 모듈을 적용할 게시판 스킨의 파일에 아래의 코드를 작성합니다.

(예 : /modules/board/skins/sketchbook5)

<include cond="!$mi->star_point =='' && $mi->starpoint_skin ==''" target="/modules/starpoint/skins/simple/rating.html" />

3. 게시판 스킨 설정에서 "게시글 별 평점 모듈 사용" 에서 "모듈 설치"를 선택하면 됩니다.

[비로그인 화면]

[로그인 회원 화면]

[평점후 화면]

－Ｔｉｐ－

[ 게시글 목록에 별 평점 출력하기 ] https://moonhouse.co.kr/xemy

주의 : 모듈이 설치 되지 않은 상태에서 코드 적옹시 DB오류를 일으킵니다.

<var name="star_user" type="radio">
   <title> ┖ 게시글 목록에 평점과 형태출력</title>
   <description>게시글의 목록에 평점과 형태를 선택 합니다.
????주의 : 모듈이 설치 되지 않은 상태에서 출력 선택시 DB오류를 일으킵니다.</description>
   <options value="">
       <title>출력안함(기본)</title>
   </options>
   <options value="all">
       <title>전부 출력</title>
   </options>
   <options value="point">
       <title>평점만</title>
   </options>
   <options value="star">
       <title>별만</title>
   </options>
</var>

<block cond="!$module_info->star_point ==''">
   {@
       $oStarPointModel = getModel('starpoint');
       $total_point = $oStarPointModel->getDocumentRatedTotalPoint($document->document_srl);
   }
   
       <span cond="!$module_info->star_user == ''" class="starpoint">
           <span>평점 :</span>
           <span cond="$module_info->star_user == 'all' || $module_info->star_user == 'point'" class="score">{number_format($total_point->avg, 1)}점</span>
           <span cond="$module_info->star_user == 'all' || $module_info->star_user == 'star'" class="starRating pr_tooltip" pr_color="dark" pr_position="b_right" title="{number_format($total_point->avg, 1)}점">
               <span style="width:{$total_point->avg*20}%">{number_format($total_point->avg, 1)}</span>
           </span>
       </span>
   
</block>

.starRating,
.starRating span{overflow:hidden;display:inline-block;height:14px;background:transparent url(../img/white/iconStarRating.png) no-repeat}
.starRating{width:79px;vertical-align:middle;text-align:left !important}
.starRating span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px}

/* 별점 스타일 */
.starpoint { display: inline-block; vertical-align: middle;}
.starpoint .score { display: inline-block; margin-right: 5px; vertical-align: middle;}

[ 위젯에 별 평점 출력하기 ] https://moonhouse.co.kr

주의 : 모듈이 설치 되지 않은 상태에서 코드 적옹시 DB오류를 일으킵니다.

<var id="star_point">
   <name>평점 표시</name>
   <description><![CDATA[
   <a href="https://moonhouse.co.kr/xemy/598200" target="_blank" style="color:#ff6600">게시글 별 평점 모듈</a> 설치가 필수입니다.]]>
????주의 : 모듈이 설치 되지 않은 상태에서 표시 선택시 DB오류를 일으켜 전체 페이지가 열리지 않습니다.
   </description>
   <type>select</type>
   <options>
       <name>표시하지 않음</name>
       <value></value>
   </options>
   <options>
       <name>표시</name>
       <value>Y</value>
   </options>
</var><var id="star_user">
   <name> ┖ 목록 평점 형태</name>
   <description>위젯 목록에 평점 형태를 선택 합니다.</description>
   <type>select</type>
   <options>
       <name>전부 출력</name>
       <value>all</value>
   </options>
   <options>
       <name>평점만</name>
       <value>point</value>
   </options>
   <options>
       <name>별만</name>
       <value>star</value>
   </options>
</var>

<block cond="!$widget_info->star_point == ''">
   {@
       $oStarPointModel = getModel('starpoint');
       $total_point = $oStarPointModel->getDocumentRatedTotalPoint($oDocument->document_srl);
   }
   
       <span class="starpoint">
           <span>평점 :</span>
           <span cond="$widget_info->star_user == 'all' || $widget_info->star_user == 'point'" class="score">{number_format($total_point->avg, 1)}점</span>
           <span cond="$widget_info->star_user == 'all' || $widget_info->star_user == 'star'" class="starRating pr_tooltip" pr_color="dark" pr_position="b_right" title="{number_format($total_point->avg, 1)}점">
               <span style="width:{$total_point->avg*20}%">{number_format($total_point->avg, 1)}</span>
           </span>
       </span>
   
</block>

위젯 따라 빨간색 부분 $oDocument->document_srl 을 바꾸어 주어야 합니다。

content 위젯의 경우는 $item->get('document_srl') 으로 처리됩니다。

/* 평점 표시 부분 */
.starpoint { display: inline-block; margin-left: 5px; float:right; }
.starpoint .score { color:#bbb; }
.starRating,
.starRating span { overflow:hidden;display:inline-block;height:14px;background:transparent url(이미지경로/iconStarRating.png) no-repeat}
.starRating { width:79px;vertical-align:middle;text-align:left !important}
.starRating span{ font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px}

iconStarRating.png 다운로드

고복수 - 타향살이

風文 — Sat, 15 Mar 2025 00:17:50 +0900

리액션 모듈 - 글, 댓글에 반응 남기기

팔공산 — Wed, 12 Mar 2025 21:03:36 +0900

라이믹스의 글, 댓글에 다양한 반응을 남길 수 있는 기능을 제공하는 모듈입니다.

이모지(emoji), 움직이는 이미지 등 다양한 이코티콘을 추가할 수 있으며, 제공되는 템플릿 코드로 사용중인 게시판 스킨에 원하는 위치에 자유롭게 삽입할 수 있습니다.

아래는 오렌지데이즈 테마에 추가하여 적용한 예시입니다.

변경 내역

v1.0.3 (2025-03-12)
- Bug Fixes
  - 디버깅을 위해 사용한 코드 제거 (4989602)
v1.0.2 (2025-03-11)
- Bug Fixes
  - #3 리액션 popover를 표시할 때 포커스가 잘못 이동하는 문제 수정 (a51f9dc)
v1.0.1 (2025-03-11)
- Bug Fixes
  - #3 CSRF 토큰 사용 설정 시 문제 수정 (fba5cea)

🎉 이 모듈의 첫번째 버전입니다.

미처 발견하지 못한 오류가 있을 수 있으며, 기능이 정상적으로 동작하지 않을 수 있습니다.

발견한 문제는 댓글이나 https://github.com/damoang-users/rx-da_reaction 이슈를 남겨주시기 바랍니다.

👉 리액션 버튼 삽입 및 이모티콘 추가하기

게시판의 글, 댓글 하단에 리액션 버튼이 자동으로 삽입됩니다.

원하는 위치에 삽입하거나 버튼 구성을 변경할 수 있습니다.

자세한 설치 및 적용방법은 다음 문서를 확인해주세요.

https://damoang-users.github.io/rx-da_reaction/

👉 개발현황 살펴보기, 참여하기

https://github.com/orgs/damoang-users/projects/2

👉 이 기능은 다모앙(damoang.net) 커뮤니티의 회원들의 기여를 통해 개발된 오픈소스 프로그램입니다.

위젯에 확장변수에서 체크된 해당 글 리스트 불러오기 2탄

팔공산 — Tue, 11 Mar 2025 08:46:01 +0900

1탄 에 이어서

기존 위젯에 간단히 확장변수로 출력하는 방법

카테고리는 각자 다르고 확장변수의 ID는 같을 경우에 적용하면 유용합니다.

<var id="eid_select">
   <name>📍확장변수 선택출력</name>
   <type>select</type>
   <description>확장변수에서 선택된 해당 글 리스트 불러오기</description>
   <options>
       <name>표시하지 않음</name>
       <value></value>
   </options>
   <options>
       <name>표시</name>
       <value>Y</value>
   </options>
</var>
<var id="eid_id">
   <name>확장 변수 ID</name>
   <type>text</type>
   <description>대상모듈을 해당 게시판으로 지정후 출력할 확장변수의 ID를 작성</description>
</var>
<var id="eid_id_select">
   <name>선택지</name>
   <type>text</type>
   <description>확장변수의 ID의 형식 선택지</description>
</var>

{@
       $eid = $oDocument->getExtraEidValueHTML($wi->eid_id);
       $eid_a = $oDocument->getExtraEidValueHTML($wi->eid_id)==$wi->eid_id_select;
   }
   <tbody cond="($wi->eid_select =='Y' && $eid && $eid_a) || ($wi->eid_select =='')">
~내용영역~

</tbody>

이렇게 하면 기존의 위젯도 그대로 사용 가능하고, 선택한 확장변수만으로도 출력을 할 수 있습니다.

제이블랙

風文 — Wed, 05 Mar 2025 17:56:04 +0900

3.3 Update 후

風文 — Sun, 02 Mar 2025 04:49:17 +0900

분류가 있는 게시판은 오류가 나는 듯합니다.

SketchBook5_MH 버전업 V3.3 - 2025.03.01

팔공산 — Sat, 01 Mar 2025 19:04:12 +0900

[ V3.3 수정 ] 2025.03.01

Php 8.0 이상에서 정상 작동됨
1. 목록형 선택시 목록이 본문폭을 넘어 설때 마우스 휠 좌우 스코롤로 작동하기
[ 전체 설정 > ┖ 마우스 휠 좌우 스코롤 ]
https://moonhouse.co.kr/html/594178

2. 본문에서 테이블 가로폭이 본문을 넘어설때 마우스 휠 좌우 스코롤로 작동하기
table의 class를 tg로 줘야함
<table class="tg" style="width:1000px">
내용
</table>

3. 거래장형 Url 바로가기 확장변수 번호 오류 수정
4. 게시판목록 조회수별 아이콘출력 설정 이미지 기본 수 적용 오류 수정
5. 확장변수 형식에 폼형태(좌측 사진) 추가
[ 확장변수 설정 > ★폼 형태 ]

https://moonhouse.co.kr/xetip/594999
6. 내용글 세로 칸수 지정 - 웹진형, 첫글 썸네일형

눌러보다가

風文 — Sat, 01 Mar 2025 02:03:52 +0900

스킨 중 웹진형이 적용이 않되네요. 어디 설정을 바꿔야 하나요?

랭킹 순서 위젯 만들기

팔공산 — Wed, 19 Feb 2025 21:33:39 +0900

게시글 랭킹을 위젯에 추가하는 방법입니다.

• 일단 위젯의 정렬대상 선택이 아래와 같이 존재

랭킹을 정할 대상을 선택 - 주천수 or 조회수 or 댓글순

• 정렬 방법을 올림차순으로

• 수정하는 위젯의 info.xml 파일에 랭킹 출력 선택

<var id="rank_no">
   <name xml:lang="ko">랭킹 표시</name>
   <type>select</type>
   <description />
   <options>
       <name xml:lang="ko">표시하지 않음</name>
       <value></value>
   </options>
   <options>
       <name xml:lang="ko">표시</name>
       <value>Y</value>
   </options>
</var>

• 위젯의 html 에서 아래 부분을 찾아서 위에 {@$i=1} 추가

{@$i=1}

위젯 내용

{@$i++}

• 보통 제목앞에 랭킹을 붙이니 아래 부분을 찾아서 상단에 빨간색 부분 추가

<span class="rank-number rank-1">{$i}.</span>
   
       <span class="rank-number rank-2">{$i}.</span>
   
       <span class="rank-number rank-3">{$i}.</span>
   
       <span class="rank-number">{$i}.</span>

<a href="{$oDocument->getPermanentUrl()}" class="mtitle">
   {$oDocument->getTitleText($wi->subject_cut_size)}
</a>

<style>
   .rank-number { font-weight:bold; margin-right:8px; font-size:1.05em;}
   .rank-1 { color:#FFD700; /* 금색 */ font-size:1.2em;}
   .rank-2 { color:#C0C0C0; /* 은색 */ font-size:1.1em;}
   .rank-3 { color:#CD7F32; /* 동색 */ }
</style>

스타일은 자신이 원하는 모양이나 색상으로 꾸미면 됩니다.

오늘은 내가 반달로 떠도 - 이해인

風文 — Sun, 16 Feb 2025 05:31:47 +0900

오늘은 내가 반달로 떠도 - 이해인

홀로 앉은 바람 같은
목숨의 빛깔
그대의 빈 하늘 위에
오늘은 내가 반달로 떠도
차 오르는 빛
구름에 숨어서도
웃음 잃지 않는
누이처럼 부드러운 달빛이 된다.

잎새 하나 남지 않은
나의 뜨락엔 바람이 차고
마음엔 불이 붙는 겨울날
빛이 있어
혼자서도
풍요로와라.

맑고 높이 사는 법을
빛으로 출렁이는
겨울 반달이여

Mh Folding Panel 애드온

팔공산 — Tue, 11 Feb 2025 18:24:58 +0900

A.I 들을 괴롭히면서 이번엔 에드온을 한번 만들어 봤습니다.

별건 아니고 게시판 상단에 전할 내용을 접고 펴고 하는 폴딩 판넬입니다.

SketchBook5 게시판스킨 - 문하우스 수정버전에 내장 되어 있는 기능을 에드온으로 만들어 봤습니다.

공부 하는겸 이런 저런 기능들을 테스트 하면서 만들어서 에드온을 제작해볼 초보분들이 코드를 보면 좋을 것 같습니다.

Claude https://claude.ai/new - 전반 작업

DeepSeek https://chat.deepseek.com - 후반 작업

Claude의 도움으로 전반 작업을 하던중 하루 사용량을 초과 하여 후반 작업은 DeepSeek의 많은 도움을 받았습니다.

근데 DeepSeek가 서버만 busy 안하니 끝없이 대화해 주는군요. 무료 사용량이 어는 정도인지 궁금합니다.

질문해 보니 하루 최대 300회의 질문 기회를 제공한다고 하네요.

근데 Claude는 무료 사용량이 100개의 메세지 라는데 난 몇개 안하니 제한에 걸리던데...

에드온 설정 화면입니다.

1. 스킨을 지정할 수 있습니다.

2. 여러 text 항목을 설정

3. 선택항목 설정

4. mid별 내용 다르게 설정 가능

5. mid별 접기 /펼치기 선택 가능 V1.1
6. mid별 판넬폭 지정 V1.2

이 정도면 간단한 에드온을 만들기는 충분할 듯 합니다.

각종 A.I 라이믹스 코딩 시켜본 소감

팔공산 — Sat, 08 Feb 2025 12:50:08 +0900

php8.2 호스팅 사이트 수정을 의뢰 받아서 레이아웃과 게시판 스킨을 8.2에 작동하게끔 하기 위해서 A.I 들의 도움을 받았다.

생각보다 쉽게 수정을 해 주어서 조금 놀라웠다.

이제 정말 질문만 잘하면 웬만한 코딩이나 기능들은 A.I 가 해 주는 시대가 도래한 것 같다.

의뢰받은 사이트 수정을 마치고 본격적으로 A.I 들에게 질문들을 던졌다.

주로 내가 만들었던 위젯들을 중심으로 php8 이상으로의 호환성과 이제껏 사용해 오면서 불편했던 기능들을 중심으로 질문을 던지고 답을 구했다.

1월 20일쯤 부터 오늘이 2월 8일 이니까 근 20일 정도

매일 무료로 사용할 수 있는 시간동안 A.I 들을 괴롭히면서 답을 구했다.

먼저 사용해본 A.I 사이트 종류부터 나열하면

1. ChatGPT

https://chatgpt.com/

2. Claude

https://claude.ai/new

3. DeepSeek

https://chat.deepseek.com/

4. 그 외 별 도움되지 않은 마이크로소프트의 Copilot, 구글의 Gemini, 네이버의 Cue:등이 있다.

- 4번들은 이미지파일과 문서파일 들만 업로드가 되어 불편해서 사용을 잘 하지 않아서 이번에는 제외 합니다.

결론 부터 먼저 답을 하고 진행하면

저의 선택은 Claude 였습니다.

제가 올린 질문들에 가장 깨끗하고 알아보기 쉽게 답해 주었으며 거의 모든 답을 주었습니다.

MH Tab Slide 위젯의 어려운 기능들을 구현해 주었습니다.

라이믹스에 대한 이해도가 굉장히 뛰어납니다.

페이지기능 위젯들의 페이지기능을 완벽하게 수정해 주었으며

설정들을 빠짐 없이 재코딩에 반영해 주었습니다.

이것을 왜 말을 하냐면 ChatGPT 같은 경우는 설정들을 마음대로 생략해 버리는 경우가 많았습니다.

붙여 넣기후 프로그램 실행 후 확인해 보면 빠진 설정들이 수두룩 했습니다.

빠진 설정이나 기능들을 다시 물어야 답해 주는 정도 였습니다.

근데 Claude 단점도 있습니다.

ChatGPT의 경우는 압축파일도 지원해서 프로그램 전체를 압축해서 올리고 질문이 가능한데

Claude 의 경우는 html, css, js등의 파일을 따로 따로 올리거나 코드를 복사해서 붙여 넣기를 해야 합니다.

이 경우는 DeepSeek도 마찬가지 였습니다.

근데 파일을 붙여 넣기 해보면 Claude 의 경우는 일일이 화면에 붙여넣기한 코드를 나열하지 않고

파일형식으로 만들어 보여 주어서 깔끔하고 좋았습니다.

[붙여 넣기 한 화면]

[파일을 올린 화면]

DeepSeek의 경우는 답은 잘 해 주는 것 같은데 조금만 물어보면 아래의 메세지 내 보내고 종료해 버립니다.

The server is busy. Please try again later.

그래서 세밀하고 어려워서 질문을 많이 해야 하는 경우는 사용하기가 힘듭니다.

단순한 질문이나 css조정 같은 경우 사용할만 합니다.

ChatGPT의 경우는 위에서도 언급했지만 코드들을 생락해 버리는 경우가 많아서 믿음이 가지를 않았습니다.

그리고 너무 장황하고 화면이 보기 어려운 부분도 있습니다.

제가 느끼기에 이 정도는 네가 알아서 해라 하는 설명도 많았습니다.

거기에 비하면 Claude 나 DeepSeek 는 조금 자세한 설명을 하는 느낌이나 UI 입니다.

Claude 가 가장 친절한 느낌이랄까...

부연 설명으로 MH Tab Slide 위젯 의 기능들을 실현하면서 느낀 각 A.I 의 대응을 간략히 설명해 보겠습니다.

먼저 MH Tab Slide 위젯은 XE 초창기에 만들어졌던 tab_newest_document 위젯을 바탕으로

php8 이상에서 작동하고 목록들이 slick.js 이용하여 좌우로 슬라이드 되게 만들었습니다.

이전에 저 혼자 끙끙되며 구현해 볼려고 하다가 어려워 미완성 상태로 있는 것을 발견하고

A.I 들에게 물러보면 되겠다 싶어서 질문을 시작했습니다.

1. 제가 어려웠던 기능이 첫 Tab의 목록들은 좌우로 슬라이딩이 작동되는데 다른 Tab에서는 작동이 안되는 문제 였습니다.

이 부분은 ChatGPT 가 별로 시간들이지 않고 php8 이상에서의 호환성과 코드를 간결하게 해 주었습니다.

2. 근데 다음으로 질문한 "첫 Tab의 마지막까지 가면 다음 tab으로 가게 할 수 있나요?" 라는 질문에 답을 주지를 못하더라구요

계속 안되는 코드만 나열하고 크롬의 console.log()를 요구하면서 답을 주지를 못합니다. 그렇게 무료 이용 시간이 흘러 중단

3. DeepSeek 에게 물어니 몇번 답하다 안되다고 하니 바쁘다고 종료!!

4. Claude 에게 물어보니 답을 주는데 약간씩 문제를 일으키지만 답을 주는 느낌이 들었지만 무료 시간이 지나 종료

그렇게 한 3번의 무료 시간이 지날 동안 정답을 주지는 못하더라구요.

그래서 이놈 저놈에게 물어봐도 Claude 가 마지막에 준 답 보다도 못하더군요.

5. 마지막날 작동 안되는 기능과 console.log()를 주니 드디어 정답을 주네요. 으하하~~

정답 답변과 잔잔한 질문들

이상과 같이 Claude A.I 가 정답을 주어서 잘 작동하는 위젯을 하나 탄생 시켰네요.

참고로 처음 질문에 "한글로 답변줘" 안 붙이면 A.I 모두 영어로 답변 합니다.

그리고 질문시 좀더 정확하고 명확한 질문을 하지 않으면 잘못된 답변을 줍니다.

이런 경우 뻘짓하다가 무료 시간 다 갑니다.

질문을 잘하는 법을 배워야 겠습니다.

이제 어떤 분야이던 질문을 잘하는 학원이 생기지 않을까 예측해 봅니다.

다음에 새로운 A.l 기능들을 알아가면 다시 글 남기겠습니다.

각종 A.I 라이믹스 코딩 시켜본 소감

팔공산 — Sat, 08 Feb 2025 12:50:08 +0900

php8.2 호스팅 사이트 수정을 의뢰 받아서 레이아웃과 게시판 스킨을 8.2에 작동하게끔 하기 위해서 A.I 들의 도움을 받았다.

생각보다 쉽게 수정을 해 주어서 조금 놀라웠다.

이제 정말 질문만 잘하면 웬만한 코딩이나 기능들은 A.I 가 해 주는 시대가 도래한 것 같다.

의뢰받은 사이트 수정을 마치고 본격적으로 A.I 들에게 질문들을 던졌다.

주로 내가 만들었던 위젯들을 중심으로 php8 이상으로의 호환성과 이제껏 사용해 오면서 불편했던 기능들을 중심으로 질문을 던지고 답을 구했다.

1월 20일쯤 부터 오늘이 2월 8일 이니까 근 20일 정도

매일 무료로 사용할 수 있는 시간동안 A.I 들을 괴롭히면서 답을 구했다.

먼저 사용해본 A.I 사이트 종류부터 나열하면

1. ChatGPT

https://chatgpt.com/

2. Claude

https://claude.ai/new

3. DeepSeek

https://chat.deepseek.com/

4. 그 외 별 도움되지 않은 마이크로소프트의 Copilot, 구글의 Gemini, 네이버의 Cue:등이 있다.

- 4번들은 이미지파일과 문서파일 들만 업로드가 되어 불편해서 사용을 잘 하지 않아서 이번에는 제외 합니다.

결론 부터 먼저 답을 하고 진행하면

저의 선택은 Claude 였습니다.

제가 올린 질문들에 가장 깨끗하고 알아보기 쉽게 답해 주었으며 거의 모든 답을 주었습니다.

MH Tab Slide 위젯의 어려운 기능들을 구현해 주었습니다.

라이믹스에 대한 이해도가 굉장히 뛰어납니다.

페이지기능 위젯들의 페이지기능을 완벽하게 수정해 주었으며

설정들을 빠짐 없이 재코딩에 반영해 주었습니다.

이것을 왜 말을 하냐면 ChatGPT 같은 경우는 설정들을 마음대로 생략해 버리는 경우가 많았습니다.

붙여 넣기후 프로그램 실행 후 확인해 보면 빠진 설정들이 수두룩 했습니다.

빠진 설정이나 기능들을 다시 물어야 답해 주는 정도 였습니다.

근데 Claude 단점도 있습니다.

ChatGPT의 경우는 압축파일도 지원해서 프로그램 전체를 압축해서 올리고 질문이 가능한데

Claude 의 경우는 html, css, js등의 파일을 따로 따로 올리거나 코드를 복사해서 붙여 넣기를 해야 합니다.

이 경우는 DeepSeek도 마찬가지 였습니다.

근데 파일을 붙여 넣기 해보면 Claude 의 경우는 일일이 화면에 붙여넣기한 코드를 나열하지 않고

파일형식으로 만들어 보여 주어서 깔끔하고 좋았습니다.

[붙여 넣기 한 화면]

[파일을 올린 화면]

DeepSeek의 경우는 답은 잘 해 주는 것 같은데 조금만 물어보면 아래의 메세지 내 보내고 종료해 버립니다.

The server is busy. Please try again later.

그래서 세밀하고 어려워서 질문을 많이 해야 하는 경우는 사용하기가 힘듭니다.

단순한 질문이나 css조정 같은 경우 사용할만 합니다.

ChatGPT의 경우는 위에서도 언급했지만 코드들을 생락해 버리는 경우가 많아서 믿음이 가지를 않았습니다.

그리고 너무 장황하고 화면이 보기 어려운 부분도 있습니다.

제가 느끼기에 이 정도는 네가 알아서 해라 하는 설명도 많았습니다.

거기에 비하면 Claude 나 DeepSeek 는 조금 자세한 설명을 하는 느낌이나 UI 입니다.

Claude 가 가장 친절한 느낌이랄까...

부연 설명으로 MH Tab Slide 위젯 의 기능들을 실현하면서 느낀 각 A.I 의 대응을 간략히 설명해 보겠습니다.

먼저 MH Tab Slide 위젯은 XE 초창기에 만들어졌던 tab_newest_document 위젯을 바탕으로

php8 이상에서 작동하고 목록들이 slick.js 이용하여 좌우로 슬라이드 되게 만들었습니다.

이전에 저 혼자 끙끙되며 구현해 볼려고 하다가 어려워 미완성 상태로 있는 것을 발견하고

A.I 들에게 물러보면 되겠다 싶어서 질문을 시작했습니다.

1. 제가 어려웠던 기능이 첫 Tab의 목록들은 좌우로 슬라이딩이 작동되는데 다른 Tab에서는 작동이 안되는 문제 였습니다.

이 부분은 ChatGPT 가 별로 시간들이지 않고 php8 이상에서의 호환성과 코드를 간결하게 해 주었습니다.

2. 근데 다음으로 질문한 "첫 Tab의 마지막까지 가면 다음 tab으로 가게 할 수 있나요?" 라는 질문에 답을 주지를 못하더라구요

계속 안되는 코드만 나열하고 크롬의 console.log()를 요구하면서 답을 주지를 못합니다. 그렇게 무료 이용 시간이 흘러 중단

3. DeepSeek 에게 물어니 몇번 답하다 안되다고 하니 바쁘다고 종료!!

4. Claude 에게 물어보니 답을 주는데 약간씩 문제를 일으키지만 답을 주는 느낌이 들었지만 무료 시간이 지나 종료

그렇게 한 3번의 무료 시간이 지날 동안 정답을 주지는 못하더라구요.

그래서 이놈 저놈에게 물어봐도 Claude 가 마지막에 준 답 보다도 못하더군요.

5. 마지막날 작동 안되는 기능과 console.log()를 주니 드디어 정답을 주네요. 으하하~~

정답 답변과 잔잔한 질문들

이상과 같이 Claude A.I 가 정답을 주어서 잘 작동하는 위젯을 하나 탄생 시켰네요.

참고로 처음 질문에 "한글로 답변줘" 안 붙이면 A.I 모두 영어로 답변 합니다.

그리고 질문시 좀더 정확하고 명확한 질문을 하지 않으면 잘못된 답변을 줍니다.

이런 경우 뻘짓하다가 무료 시간 다 갑니다.

질문을 잘하는 법을 배워야 겠습니다.

이제 어떤 분야이던 질문을 잘하는 학원이 생기지 않을까 예측해 봅니다.

다음에 새로운 A.l 기능들을 알아가면 다시 글 남기겠습니다.

Rhymix 업데이트

風文 — Fri, 07 Feb 2025 19:09:46 +0900

라이믹스가 업데이트되면 그냥 덮어씌우기 하면 되나요. 제가 소스수정한 건 없어요.

행여 MH게시판이나 님의 레이아웃이 다치지는 않나 하는 걱정에 궁금증을 올립니다.
애쓰셔서 작업하신 건데...

그냥 평상시처럼 ftp로 덮어씌우기 하면 되나요?

편지 - 윤동주

風文 — Fri, 07 Feb 2025 12:45:20 +0900

편지 - 윤동주

누나!

이 겨울에도
눈이 가득히 왔습니다.

흰 봉투에
눈을 한줌 넣고
글씨도 쓰지 말고
우표도 붙이지 말고
말숙하게 그대로
편지를 부칠까요?

누나 가신 나라엔
눈이 아니 온다기에.

MH Tab Slide 위젯 V1.1

팔공산 — Thu, 06 Feb 2025 23:29:16 +0900

XE 초창기에 만들어졌던 tab_newest_document 위젯을 바탕으로

php8 이상에서 작동하고 목록들이 slick.js 이용하여 좌우로 슬라이드 되게 만들었습니다.

[ 특징 ]

1. Auto Play 지원

2. 하단 Dots 지원

3. 슬라이딩 방향을 좌우, 상하로 지정 가능

4. 각 Tab별로 각계 슬라이드 작동

5. 모든 Tab 자동으로 이동 슬라이드 작동

5. 반응형 지원

6. 기타 auto 속도등

확장변수 선택지별 출력 위젯

팔공산 — Mon, 03 Feb 2025 10:48:48 +0900

Tip 으로 남긴 내용을 위젯으로 만들었습니다.

[V1.1 특징]

1. php8 이상 적용

2. 제목옆에 내용글 출력

[특징]

스케치북 List형식을 빌려 왔습니다.

- 위젯 설정에서 대상모듈을 출력할 게시판으로 지정

- 해당 게시판의 확장변수 ID 와 선택지들을 작성합니다.

선택지는 최대 5개 입니다. 더 많은 선택지를 만들려면 수정해야 합니다.

新雪(신설) - 이숭인(李崇仁)

風文 — Fri, 31 Jan 2025 14:01:24 +0900

新雪(신설) - 이숭인(李崇仁)

滄茫歲暮天(창망세모천) : 휑뎅그렁 찌푸린 세모의 하늘

新雪遍山川(신설편산천) : 새하얀 눈이 산천을 뒤덮었네.

鳥失山中木(조실산중목) : 새는 산중의 제 둥지를 잃었고

僧心石上泉(승심석상천) : 스님은 바위아래 샘물을 찾아 나서네.

飢鳥蹄野外(기조제야외) : 굶주린 까마귀는 들녘에서 우짖고

凍柳臥溪邊(동류와계변) : 얼어붙은 버드나무는 냇가에 가로 누웠네.

何處人家在(하처인가재) : 어디쯤에 사람 사는 집이 있을까

遠林生自煙(원림생자연) : 숲 저만치에 흰 연기 피어오르네.

Github에 새 보관소 만들기, 파일 올리기, Tag, Release 생성 방법

팔공산 — Sat, 25 Jan 2025 19:03:58 +0900

홈페이지 작업이나 기타 작업시 요즘은 Github를 많이 사용합니다.

저 같은 경우는 라이믹스의 프로그램이나 용량이 좀 되는 프로그램의 다운 링크 로 이용중입니다.

Github 에 새 보관소 만들고 파일들 올리고 PC에 저장하고 Tag를 달고 Release생성등 관리하는 방법을 간략히 올리겠습니다.

Github에 접속하고 프로그램을 설치하는 방법은 인터넷에 널려 있는 관계로 생략합니다.

저는 Git Bash 사용(Dos 느낌)을 배제하고 Github 홈피와 GitHub Desktop만 이용하여 작업을 하겠습니다.

1. 깃허브 홈피에 접속해서 로그인을 합니다.

GitHub · Build and ship software on a single, collaborative platform Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity. from GITHUB.COM

바탕화면에 GitHub Desktop이 설치된 상태이고 홈피에 접속한 상태에서 + 를 누르고 "New repository"를 클릭합니다.

2. 보관소 제목과 설명, 개인(Private) or 공용(Public)을 선택

3. 보관소가 생성되었습니다.

"uploading an existing file" 클릭해서 프로그램이나 파일들을 올립니다.

4. 드래그 앤 드래그나 파일을 선택해서 올리면 됩니다.

5. 정상적으로 올라간 저장소 모습

6. GitHub Desktop을 사용해서 저장소를 PC로 가져오기

"Add > Clone repo..." 를 클릭해서 홈피의 내용과 동일한 내용을 PC로 가져옵니다.

7. Clone 생성

홈피에서 만든 보관소 이름으로 검색해서 찾고 "Local path"를 선택하는데

보관소 이름의 상위 폴더를 선택하면 자동으로 보관소 이름 폴더가 만들어 집니다.

8. Tag생성

Release를 생성할려면 Tag가 있어야 하는데

Tag 생성은 제가 아무리 이리 저리 알아봐도 홈피에서는 만드는 방법을 찾지를 못했습니다.

그래서 GitHub Desktop을 사용해서 Tag를 만듭니다.

"History" > "Create Tag..." 클릭

Tag를 만들고 나면 깃허브에 올리는 "remote"화면이 니옵니다.

"Push origin"을 눌러 동기화 시킵니다.

9. Release를 생성 하는 방법

Tag를 생성했으니 release를 만들 수 있습니다.

5번 이미지의 우측에 있는 "Create a new release"를 클릭

"Chose a tag" 눌러 GitHub Desktop 에서 만든 Tag를 클릭하고 내용을 작성하고 "Publish release" 합니다.

10. 릴리즈가 완성된 모습

* repository(보관소) 삭제하는 방법

보관소 우측에 "Settings"를 클릭 해서 가장 하단으로 가서 "Delete this repository" 클릭해서

마지막 화면에서 보관소 주소 이름을 입력후 삭제를 눌러주면

위와 같이 인증화면이 나옵니다.

자신에게 맞는 방법을 선택해주면 보관소가 삭제됩니다.

* 용량 큰 파일 올리는 방법

깃허브 홈피에서는 25M 이상의 파일은 올라가질 않습니다.

Yowza, that’s a big file. Try again with a file smaller than 25MB.

그리고 파일의 갯수도 한도가 있습니다.

GitHub Desktop을 이용하면 제가 알기로는 100M 까지는 올라가는 것으로 압니다.

저는 96.9MB자리 동영상까지 올렸습니다.

파일의 갯수도 별 문제가 되질 않네요

게시판 설정저장이 안되는 문제

gabril — Sat, 25 Jan 2025 15:25:16 +0900

게시판 설정저장이 안되는 문제가 있습니다.

저만 그런건가요?

다른 게시판은 스킨설정에서 이것저것 체크하고 저장을하면 설정이 먹히는데

이상하게 문화우스 스케치북게시판은 안되네요

SketchBook5_MH 서버에서 755등 권한은 잘 적용한 상태입니다.

소리내어일기

風文 — Fri, 24 Jan 2025 17:47:20 +0900

뷰어로 보기를 하면 위의 게시판에서는 소리내어 읽기랑 아콘들이 나와요.

다른 게시판에도 저런 아이콘이 나오고 기능을 쓸 수는 없나요. 다른 게시판엔 안 나옵니다.

너무 귀찮게 해드리나요? 시간 나시면 천천히 답을 주세요.

표의 선색깔과 정렬

風文 — Fri, 24 Jan 2025 14:57:54 +0900

표를 위와 같이 작성합니다. 표는 가운데 정렬이고 선색깔은 연두색입니다.

미리보기 하여 전체선택후 게시판에 붙여넣기를 하면 정렬이나 선색깔은 적용이 되지 않습니다.

그간의 모든 게시물도 좌측정렬로 바뀌었습니다.

수정을 눌러 소스보기해서 태그 제일앞에 <table 이란 태그가 시작되기전에 <center>를 입력해줘서 편집중입니다.>

외부에서 만든표든, 게시판 내부에서 버튼을 이용해 만든표든 같습니다. 매번 <center>소스를 넣어야 하는 건지 알고 싶습니다.

mp3등 미디어

風文 — Fri, 24 Jan 2025 13:50:27 +0900

이전 게시판에서는 서버에 올려진 mp3를 재생할 수있는 편집버튼이 있었어요. 그래서 url을 입력한 후 사이즈 조절을 했습니다.

그런데 그게시물들의 재생이 지금은 않되요.

삭제하고 embed태그를 직접 입력해 사용해야하는 건가요?

현재 게시판에서는 그림들만 올리는 버튼들뿐 멀티미디어 파일을 올리는 버튼이 없어요. 제가 못찾는 것일가요?

모듈번호

風文 — Thu, 23 Jan 2025 12:38:39 +0900

게시판에 다음과 같은 화면이 갑자기 뜹니다. 다른 게시판엔 또 않나와요.
전 빨간색 버튼을 누르니 모듈번호가 클립보드에 복사 되었다고 나옵니다.
어디다 써먹는 건지 알고 싶고 없애려면 어떻게 해야하나요?

게시물뷰어로보기

風文 — Wed, 22 Jan 2025 16:13:03 +0900

게시물뷰어로 보기 체크를 한건지 안 한건지 표기가 않되요. 활성화가 됐는지 어떻게 아나요?

게시물뷰어로 봤을 때 좌우에 있던 다음게시물 다음 페이지로 넘어가는 화살표가 없어요. 원래 그런가요?

게시물뷰어는 하나의 게시물만 볼 수 있나요?

글자크기 재질문

風文 — Tue, 21 Jan 2025 13:05:27 +0900

글자크기를 미리 16 으로 지정했습니다. 글쓰기를 눌러 글을 쓸 때는 잘 입력되나

등록을 누르고 글씨를 보면 작게 저장됩니다. 그래서 모두선택을 하고 따로 글씨크기를 눌러 크기를 지정해야합니다.
지정한 글자 크기 16대로 표기 될 수 없을 까요?

MH FullPage Layout

風文 — Sun, 19 Jan 2025 08:48:07 +0900

MH FullPage Layout 을 설치하고 레이아웃선택을 하고

MH 게시판스킨을 선택하면 같은 에러가 납니다.(line 234)

xe기본 게시판을 선택해도 사이트가 백지로 나옵니다.

레이아웃을 미사용으로 하고 또는 기본 레이아웃을 선택하고 게시판 스킨을 기본 스킨으로 하면 게시판을 볼수 있습니다.

레이아웃을 바꿔도 같지 않을까요?

궁금해서 그러는데요.

風文 — Sun, 19 Jan 2025 06:12:17 +0900

궁금해서 그러는데요. 처음이라...

레이아웃을 구매할 수 있나요?

메뉴에 보니 샘플들이 많은 데 구매가 가능한가요?

마음에 드는게 있으면 구매의뢰를 할 수 있나요?

구매을 하면 MH게시판 스킨을 쓸 수 있나요?

현재 레이아웃을 미사용으로 해도 MH게시판을 쓸 수 없습니다.
그러나 xe기본게시판스킨은 사용이 되요.
여기 레이아웃이면 MH 게시판을 쓸 수 있지 않을까요?
modules/board/skins/sketchbook5/__setting.html:234
php8.2입니다.

게시판을 못봐

風文 — Sat, 18 Jan 2025 02:16:53 +0900

php 8.2 입니다.
게시판을 클릭하면 다음과 같은 에러가 납니다. 아무래도 php버전 때문인듯한데요.

서버 오류

Error #0 "Undefined constant "Mobile"" in modules/board/skins/sketchbook5/__setting.html on line 234

문자열을 따옴표로 감싸지 않아서 발생하는 오류입니다. 오래된 자료에서 종종 사용하던 문법이나 최근 PHP에서는 허용되지 않으니, 에러 메시지에 포함된 파일명과 줄 번호를 참고하여 수정하세요.

modules/board/skins/sketchbook5/__setting.html:234

레이아웃때문일까요?

아비아저씨 오렌지레이아웃을 공부할까요?

구글 에드센스 광고가 출력되지 않을때 리스트 항목에서 숨기기

팔공산 — Thu, 16 Jan 2025 20:35:04 +0900

구글 애드센스 광고가 없을때 해당 영역 숨기게 하려면 보통 아래와 같이 숨깁니다.

<style>

ins.adsbygoogle[data-ad-status="unfilled"] {

display: none !important;

}

</style>

근데 구글 에드센스를 게시판 중간에 넣을려면 아무래도 테이블 태그가 들어갑니다.

https://moonhouse.co.kr/xetip/592403

그러면 에드센스는 사리지는데 태그가 사리지질 않습니다.

이런 경우에 태그 까지 사리지게 하는 방법입니다.

<tr class="w100">
<td colspan="10">{$mi->ads_code}</td>
</tr>

<style>
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
</style>
{@$i++}
</tr>

위와 같이 게시판 목록 사이에 에드센스를 삽입한다고 치면 tr 칸이 보입니다.

<tr class="w100 adsense-container">
<td colspan="10">{$mi->ads_code}</td>
</tr>


<style>
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
tr.adsense-container:has(ins.adsbygoogle[data-ad-status="unfilled"]) {
display: none !important;
}
</style>
{@$i++}
</tr>

빨간색 코드 넣어주면 tr 칸도 같이 사라집니다.

tr은 상황에 맞게 div도 되고 li등도 됩니다.

2,3,4줄에 에드센스 출력

3,4칸은 사라진 모습

쪽지

風文 — Wed, 15 Jan 2025 14:35:25 +0900

여기서 알림이 두개가떠요.
하나를 읽으면 다른 하나는 없어져요.
어디가서 확인하나요?

임을 위한 행진곡 - 악단광칠

風文 — Fri, 03 Jan 2025 17:46:51 +0900

경기민요와 황해도 굿거리를 전공한 국악 그룹입니다.
오랜시간 저와 함께한 좋아하는 그룹입니다.
많은 사랑 부탁합니다.

나를 간절히 원하게 될 거야 - 오! 부라더스

風文 — Wed, 01 Jan 2025 11:14:28 +0900

가사는 참 유치한데 이 작곡이 이상하게 중독성이 있어요.

모든 곡을 5, 60년대 로큰롤을 중심으로 하는 홍대밴드 오! 부라더스입니다.
한달 째 듣고 있습니다. ^^

위젯에 확장변수에서 체크된 해당 글 리스트 불러오기 1탄

팔공산 — Sun, 29 Dec 2024 12:30:33 +0900

XeTown에 아래와 같은 질문이 올라와서 팁으로 남깁니다.

확장변수 슬픔 ,기쁨, 노여움 있다고 가정 할 때

슬픔을 선택한 글만 위젯으로 불러 올수 있는지요?

이미 구현되어 있는 위젯이 있다면 좀 알려주시고

어떦게 구현 해야 하는지 설명 주시면 감사하겠습니다

먼저 사용할 위젯을 선택합니다. 어떤 위젯이던 별 상관 없습니다.

지금 홈피에 사용중인 위젯 이라면 스킨을 따로 하나 만들어 적용하면 좋습니다.

보통 위젯의 skins 폴더에서 해당 스킨을 선택해 들어가면 외형틀.html 파일이 있습니다.

해당 파일이 list.html 이라고 가정하고 편집기로 열어보면 아래와 같은 foreach 문이 보입니다.(위젯별로 약간은 다를 수 있음)

이 부분 아래를 확장변수 ID 별로 선택 값 따라 출력되게 하는 방법입니다.

(확장변수 ID 가 select / 선택지가 슬픔, 기쁨, 노여움 3개)

{@
       $eid = $oDocument->getExtraEidValueHTML('select');
       $eid_a = $oDocument->getExtraEidValueHTML('select')=='슬픔';
       $eid_b = $oDocument->getExtraEidValueHTML('select')=='기쁨';
       $eid_c = $oDocument->getExtraEidValueHTML('select')=='노여움';
   }
   <div cond="$eid">
<div cond="$eid_a">
<span>내용 영역(해당 위젯에 따라 다르겠죠)</span>
</div>
</div>

위와 같이 편집후 위젯 설정에서 대상모듈을 해당 게시판으로 지정하면

확장변수 ID 가 "select" 이고 값이 "슬픔"인 내용글만 출력됩니다.

cond="$eid_a" 이 부분만 $eid_b, $eid_c 로 바꾸어 주면 해당 값의 내용이 출력됩니다.

Mh Multi Widget 에서 List형식으로 일반적인 출력 입니다.

적용부분이 확장변수 ID 이고 값으로 적용,변형, NO 중 "변형"값만 출력해 보면 아래와 같이 출력됩니다.

한가지 문제점이 리스트 목록수가 전체 목록수를 따라 갑니다.

더 나아가...

<div class="content-area">
   
       
           {@$document_count[$oDocument->getExtraEidValueHTML('select')]++}
               <div class="content-item" data-emotion="{$oDocument->getExtraEidValueHTML('select')}">
                   <span>내용 영역(해당 위젯에 따라 다르겠죠)</span>
               </div>
       
   
</div>

위와 같이 코드를 짜면 해당 버턴 클릭시 각각의 내용물이 5개씩 출력됩니다.
https://moonhouse.co.kr/wtest

[ 위젯으로 만듬 ]

https://moonhouse.co.kr/xemy/595959

윈도우11(Win11) 윈도우10(Win10) 비밀번호 분실시 우회방법

팔공산 — Sat, 28 Dec 2024 14:03:29 +0900

윈도우10 또는 윈도우11 에서 윈도우 부팅시 암호가 걸려있는데 찾을 수가 없을때

특히 오랜만에 부팅시키는 노트북 같은 경우!

참 답답하죠~

이렇때 윈도우 암호를 해제하거나 우회하는 방법입니다.

아래의 두가지 경우다 윈도우 부팅 usb를 만들어야 합니다.

부팅 usb를 만들지 않고 하는 방법은 제가 아직 찾지를 못했습니다. 아마 없을듯합니다.

부팅 usb만드는 방법은 다양하니 인터넷 검색해서 만드세요.

첫번째 방법은 잘 정리된 사이트 소개로 대신합니다.

여기에 부팅 usb만드는 방법도 있으니 참조하시면 됩니다.

윈도우10 비밀번호 분실 포맷 없이 간단하게 해결하기 요즘엔 개인이 이용하는 웹사이트 종류도 상당하고 서비스나 프로그램도 정말 많습니다. 그래서 무엇보다 ... by 게임앤리뷰 | 블로그 from M.BLOG.NAVER.COM

두번째 방법은

부팅 usb로 Ventoy 라는 프로그램을 사용하고 윈도우10 PE OS로 윈도우 부팅해서

Win Login Unlocker 프로그램을 사용하는 방법입니다.

부팅 usb만 만들었다면 한글도 지원하고 너무나 간단합니다.

제가 사용해본 부팅 프로그램중에 Ventoy가 가장 편하고 윈도우 설치 파일도 쉽게 바꿀 수 있습니다.

윈도우10 PE를 간단히 소개하면 윈도우를 PC의 기본 저장장치(HDD, SSD)를 사용하지 않고,

부팅 usb의 저장 공간을 사용하여 윈도우를 자체 부팅시키는 OS입니다.

하나쯤 만들어 놓으면 다양하게 활용할 수 있습니다.

사용해 보실분은 아래 다운로드에 파일 올려 놓았습니다.

그리고 다운 받은 Win Login Unlocker.zip 파일의 압축을 풀어서 부팅 usb안에 복사합니다.

윈도우 부팅 usb를 만들었다면 PC의 CMOS로 진입해서 처음 부팅 순서를 USB로 바꾸어 주고 리부팅 합니다.

Ventoy로 만든 윈도우10PE 부팅 화면 입니다.

부팅하고 usb안에 복사해 놓은 Win Login Unlocker 프로그램을 실행합니다.

살행후의 모습입니다.

자동으로 로그인 계정이 선택됩니다. 저는 moon이죠

아래 우측 메뉴 - 재설정/잠금 해제를 클릭합니다.

확인을 하고 리부팅합니다.

다시 CMOS로 진입해서 PC의 기본 OS 저장 장치로 바꾸어 준후 정상적인 부팅을 합니다.

그럼 비번 없이 윈도우 진입이 가능합니다.

비번을 다시 만들고 싶으면 윈도우 설정에서 계정 암호를 다시 만들면 됩니다.

이 후...

usb부팅 시스템 없이 하는 방법을 찾았습니다. 근데 너무 복잡해요

차라리 만들고 말지...

윈도우 11 10 비밀번호 암호 분실 해제 USB 없이 초기화 변경 방법 윈도우 11 10 비밀번호 암호 분실 해제 USB 없이 초기화 변경 방법 컴퓨터 부팅 후 로그인 화면에서 사용자에 대한 비밀번호를 입력해야 로그인을 할 수 있는데요 비밀번호를 아무리 생각해도 틀릴 때 암호를 변경해서 사용할 수 있습니다 보통 윈도우가 설치된 부팅 USB로 시도하는 방법이 있지만 USB 없이도 할 수 있습니다. 그러면 방법을 알아보겠습니다. 로그인 화면에서 종료 버튼을 클릭하시면 종료 메뉴가 나오는데요. "Shift" 키를 누른 상태로 [다시 시작] 메뉴를 클릭합니다. 윈도우가 부팅되면서 옵션 선택 화면이 나오게 됩니다. 메뉴 중 [문제 해결]을 선택해 주세요 문제 해결 화면으로 이동하면 [고급 옵션]을 선택합니다. 고급 옵션 화면으로 이동하면 [명령 프롬프트]를 선택합니다. 까만색의 도스.. by momo is from LOVEUCECI.TISTORY.COM

이런 방법도 있네요
이 곳

운영자님 질문드립니다.

달카페 — Wed, 25 Dec 2024 21:54:46 +0900

여기 왼쪽 메뉴에 색상을 어떻게 넣을 수 있을까요?

저도 이거 받아서 세팅했는데 색상을 어떻게 넣는지 궁금합니다.

감사합니다.

호스팅업체

風文 — Thu, 19 Dec 2024 15:52:44 +0900

??곰님과 저 그리고 호스팅 업체의 답변으로

이미지 썸네일의 책임이 호스팅 업체의 잘못된 셋팅으로 밝혀졌습니다.

호스팅업체로 부터 불만이 있으면 가라! 라는 답변을 받았습니다.

저는 붕 떴습니다.

어디로 가야하나요.

혹시 쓰고 계신 호스팅 업체를 제개 소개 해주실수 있나요?

여기가 애매하면 angelo@nownforever.co.kr 로 정보를 주시길 바랍니다.

형제별 - 방정환

風文 — Thu, 19 Dec 2024 14:52:12 +0900

형제별 - 방정환

날 저무는 하늘에
별이 삼 형제
반짝반짝 정답게
지내더니
웬일인지 별 하나
보이지 않고
남은 별이 둘이서
눈물 흘린다.

글자크기 혼란

風文 — Mon, 16 Dec 2024 13:38:40 +0900

관리자메뉴에서 에디터를 눌러 글자크기를 18px로 지정합니다.
실제 게시판에서 글 쓸떼도 글자크기가 18로 나옵니다. 그런데 글저장을 하면 14이하로 작아집니다.

- 에디터화면에선 멀쩡함

-글저장하면 글이 작아짐.

하나의 게시판은 아예 에디터 화면 글자크기가 변하지 않고 14px로 나옵니다.

- 다른 게시판에선 18로 나옴.

에디터화면의 글자크기를 관리자메뉴에서 조정했는데 실제로 게시판에 가서 글쓰기를 해서 저장하면 왜 작아지며,
자유게시판의 에디터는 아예 14로 에디터 화면도 변동이 없어요.

에디터화면은 그 화면에서만의 글자크기이고 저장하면 나타나는 글자크기는 14로 규정되어 있나요?
아무리 글씨체나 글자크기를 조정해도 그건 그냥 에디터 화면에서만 작동하는 건가요?

템플릿 컴포넌트 이력서 MH 템플릿

팔공산 — Mon, 09 Dec 2024 21:50:28 +0900

MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다.

탬플릿 컴포넌트

			성 명	한 글		주민등록번호		-
			성 명	한 자		생 년 월 일	년 월 일생 (양)
			현주소					전 화 번 호
			현주소					010-
호 주 관 계			호 주		본인과의관계	부	주소	상 동
년	월	일	학력 및 경력사항					발령청
			OO 고등학교 졸업
			OO 대학교 OO과 입학





			자 격 증





			위 사항은 사실과 다름없음.
			2024. 1. 1.

너무 한 거 아이가~~

팔공산 — Sun, 08 Dec 2024 18:16:33 +0900

내가 태어나 처음으로 정치적인 글을 남깁니다.

내가 살고 있는 동내의 국회의원이 국민의당이라 페북으로 글을 남겼다.

확장변수 부분을 특정 폼형태(Table)로 구성하는 방법

팔공산 — Sat, 07 Dec 2024 18:26:02 +0900

Xetown에서 아래 내용이 있어서 팁으로 남겨 봅니다.

왕초보입니다..홈페이지 게시판 검색창 키워드 변경 문의 홈페이지의 한 게시판입니다 여기 제목+내용 되어있는 곳 제가 원하는 검색 키워드로 바꾸고 싶은데 어디서 변경가능한가요..? by 박마리 from XETOWN

먼저 테이블을 만들어야 합니다. 아래 사이트를 활용하면 유용합니다.

HTML Tables generator – TablesGenerator.com Free and easy to use online HTML Tables generator -- enter table data and paste the generated code into your website from TABLESGENERATOR.COM

일단 사용하는 게시판 스킨에서 본문에서 확장변수가 출력되는 부분을 찾습니다.

xedition 스킨을 예로 들면 _read.html 파일의 아래 부분입니다.

<div class="exOut" cond="$oDocument->isExtraVarsExists() && $oDocument->isAccessible() && $module_info->data_form==''">
   <table border="1" cellspacing="0" summary="Extra Form Output">
       <tr loop="$oDocument->getExtraVars() => $key,$val">
           <th scope="row">{$val->name}</th>
           <td>{$val->getValueHTML()} </td>
       </tr>
   </table>
</div>



<include cond="$module_info->data_form=='Y' && $oDocument->isExtraVarsExists() && $oDocument->isAccessible()" target="_read_form.html" />

먼저 skin.xml를 열어서 설정을 추가합니다.

<var name="data_form" type="radio">
   <title>폼 형태</title>
   <description>확장변수를 폼형태로 출력합니다.</description>
   <options value="">
       <title>출력 안함(기본)</title>
   </options>
   <options value="Y">
       <title>출력</title>
   </options>
</var>

_read.html 파일에 빨간색 코드를 추가합니다.

그리고 아래의 내용으로 _read_form.html 새 파일을 만듭니다.

<div class="form_box">
   <table class="tg" loop="$oDocument->getExtraVars() => $key,$val">
       <thead cond="$val->getValueHTML()">
           <tr cond="$val->eid=='f0'">
               <td class="tg-21kx">
                   {$val->getValueHTML()}
               </td>
           </tr>
       </thead>
   </table>

   <div style="overflow-x: auto;">
       <table class="tg">
           <thead loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML()">
               {@
                   $bg1=$val->eid=='f1' || $val->eid=='f3' || $val->eid=='f5';
                   $bg2=$val->eid=='f2' || $val->eid=='f4' || $val->eid=='f6';
               }
               <tr cond="$bg1">
                   <td class="tg-yfhh form_n">{$val->name}</td>
                   <td class="tg-yfhh form_v">{$val->getValueHTML()}</td>
               </tr>
               <tr cond="$bg2">
                   <td class="tg-yfhh form_n bg">{$val->name}</td>
                   <td class="tg-yfhh form_v bg">{$val->getValueHTML()}</td>
               </tr>
           </thead>
       </table>
   </div>
</div>

확장변수 ID를 f0, f1, f2, f3... 으로 지정한 경우입니다. read_form.zip

작성자의 입맛에 맞게끔 수정하면 됩니다.

확장변수 검색을 Y로 선택하면 검색에서 해당 입력항목 이름으로 검색이 가능합니다.

f0의 경우는 "확장변수 업로드 모듈"을 사용하며 확장변수에 이미지를 출력하게 만들어줍니다.

출력화면 입니다.

Hot 아이콘

風文 — Tue, 03 Dec 2024 01:33:49 +0900

썸네일이 않보여 갤러리형에서 목록형으로 바꿨어요.
그런데 갑자기 게시판에 Hot 아이콘이 생겼어요. 그래서 게시판 관리 - 스킨설정을 보니

이렇게 설정되어있어요. 조회수 10000 인데 왜 Hot이 출력될까요? 조회수가 100도 않되는데...
저 아이콘을 없애려면 어떻게 해야하나요?
저 게시판만 그래요.

호스팅 업체의 썸네일 관련 답변

風文 — Mon, 02 Dec 2024 13:58:49 +0900

안녕하세요 고객님
Rhymix는 썸네일 파일이 서버에 존재하지 않을 시 썸네일 파일을 자동으로 재생성하여 썸네일을

나타내도록 설정이 되어있습니다.

서버에서 확인결과 썸네일의 파일의 사이즈가 0인 비정상적인 파일로 생성되는 것을 확인하였고

해당 원인은 Rhymix 소스 문제로 파악됩니다.

xe/widgets/content/content.class.php 의 파일에서 714번째 줄인 if($args->tab_type != 'none' && $args->tab_type)

부분의 함수에서 오류가 있는 것으로 서버 로그에서 확인되고 있습니다.

해당 파일의 에러 부분이 수정되어야 될 것으로 확인됩니다.

감사합니다.

박사님도 이정도는 추셔야~

風文 — Sat, 30 Nov 2024 08:43:40 +0900

Elvis Presley - Jailhouse Rock

風文 — Sat, 30 Nov 2024 04:09:12 +0900

눈이 또 왔어요.

風文 — Fri, 29 Nov 2024 18:05:52 +0900

아는 사람들 전화오면 운전 조심하고 눈조심 하라고 했는데
제가 넘어졌어요.
왼쪽 팔다리 거의 못움직임.
키보드 조작도 힘듬.

주말엔 빙판으로 변한데요.

바보~ 으이그...

박사님꺼 설치 해볼까요?

風文 — Fri, 29 Nov 2024 17:53:45 +0900

문하우스는 잘 나오잖아요.
url에 있는 박사님꺼 설치 해볼까요?

분류 선택 불가

風文 — Thu, 28 Nov 2024 21:59:31 +0900

자유게시판에 분류가 있어요. 여러가지죠.
그런데 글쓰기를 누르고 분류를 선택 하려는데 음악만 선택이 안 되요.
그런데 로그인을 하면 선택이 되요.
비 로그인 상태에선 선택이 안 되요.
첫인사도 선택이 안 되요.
선택이 되는 게 있고 안 되는 게 있어요.
마찬가지로 로그인 하면 선택이 됩니다.

xetown에 질문하려다 이곳에 올려요.

왜 그럴 까요?

헐~ 눈이 쉬게하는 경우

風文 — Thu, 28 Nov 2024 17:04:31 +0900

제 방에서 찍은 겁니다.

친구한테 전화가 왔는데 출근정지 전화래요.
왜냐니까 눈이 많이 와서 출근하다 사고난 직원들이 전화를 했나봐요.
회사가 눈때문에 쉬다니...

117년 만이래요. 여긴 경기 화성인데요 어마어마 하게 왔어요.

운전 조심하셔요.

회원정보

風文 — Thu, 28 Nov 2024 07:11:48 +0900

회원정보보기에서 자동로그인관리를 누르면 아래와 같은 에러가 납니다.

갤러리형 목록에서 미리보기

風文 — Thu, 28 Nov 2024 03:23:13 +0900

스킨 변경 후 목록에 미리보기가 않되요. 첨부파일이 갤러리형 목록에서 미리보기 되려면 어떻게 해야 하나요?

Chubby Checker - Let's Twist Again

風文 — Tue, 26 Nov 2024 06:10:19 +0900

Table의 폭이 디바이스 및 본문 가로 사이즈보다 더 넓을 때 마우스 휠 좌우 스코롤

팔공산 — Tue, 19 Nov 2024 12:30:43 +0900

HTML Table이 디바이스 및 화면 가로사이즈보다 더 넓을 때

위의 팁을 적용한 후 테이블 위에 마우스 휠 위치시 스코롤이 좌우로 이동되게 하는 스크립트

참고로 마우스의 위치가 테이블 밖이면 상하 스코롤 적용되며 모바일에서 좌우 스와이프 지원합니다.

....

</table>

   // PC 마우스 이벤트 핸들러
   $('.bd_lst').on('mouseenter', function() {
       isOverTable = true;
   }).on('mouseleave', function() {
       isOverTable = false;
   });

   tableWrapper.on('wheel', function(event) {
       if (isOverTable) {
       event.preventDefault();
       const delta = event.originalEvent.deltaY;
       $(this).scrollLeft($(this).scrollLeft() + delta);
       }
   });

   // 터치 이벤트 핸들러
   tableWrapper.on('touchstart', function(event) {
       touchStartX = event.originalEvent.touches[0].clientX;
       scrollStartX = $(this).scrollLeft();

       // 세로 스크롤은 기본 동작 허용
       if ($(this)[0].scrollWidth <= $(this).width()) {
       return;
       }
   });

   tableWrapper.on('touchmove', function(event) {
       // 가로 스크롤이 가능한 상태에서만 기본 동작 방지
       if ($(this)[0].scrollWidth > $(this).width()) {
       event.preventDefault();

       const touchCurrentX = event.originalEvent.touches[0].clientX;
       const touchDeltaX = touchStartX - touchCurrentX;

       $(this).scrollLeft(scrollStartX + touchDeltaX);
       }
   });

   // 스타일 적용
   tableWrapper.css({
       'overflow-x': 'auto',
       '-webkit-overflow-scrolling': 'touch', // iOS 부드러운 스크롤
       'overflow-y': 'hidden' // 세로 스크롤 방지
   });

   // PC에서 커서 스타일
   $('.bd_lst').hover(
       function() {
       $(this).parent().css('cursor', 'grab');
       },
       function() {
       $(this).parent().css('cursor', 'default');
       }
   );

   // 모바일 터치 사용성 향상을 위한 부가 기능
   let scrollIndicator = $('<div class="scroll-indicator">').css({
       'position': 'absolute',
       'bottom': '0',
       'left': '0',
       'width': '0',
       'height': '3px',
       'background': 'rgba(0,0,0,0.3)',
       'transition': 'width 0.2s',
       'pointer-events': 'none'
   });

tableWrapper.css('position', 'relative').append(scrollIndicator);

   // 스크롤 인디케이터 업데이트
   function updateScrollIndicator() {
       const scrollPercentage = (tableWrapper.scrollLeft() /
       (tableWrapper[0].scrollWidth - tableWrapper.width())) * 100;
       scrollIndicator.css('width', scrollPercentage + '%');
   }

tableWrapper.on('scroll', updateScrollIndicator);

   // 반응형 대응
   $(window).on('resize', function() {
       updateScrollIndicator();
   });

   // 초기 인디케이터 설정
   updateScrollIndicator();
   });
</script>

NO	내 용
1	도메인 정보	도메인명
		등록업체
		아이디
		비번
		신청일

2	호스팅 정보	업체명
		아이디
		비번
		신청일

3	홈관리자	아이디
3	홈관리자	비번

4	Ftp 정보	주소
		아이디
		비번

5	DB 정보	Host명
		DB명
		아이디
		비번

6	금액



7	기타

컴퓨터 부품 드라이브 파일들을 올려 주세요

팔공산 — Tue, 19 Nov 2024 01:15:28 +0900

컴퓨터 부품 드라이브 파일들을 올려 주세요

템플릿 컴포넌트 문학이야기 MH 템플릿

팔공산 — Sun, 17 Nov 2024 12:32:16 +0900

MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다.

탬플릿 컴포넌트

초기에 위와 같이 출력됩니다.

상단의 표지 이미지 & 하단 배경 이미지 & 사인 이미지는 "사진 및 파일 첨부"로 대체하면 됩니다.

그리고 제목이나 내용글들은 직접 작성하시면 됩니다.

기본 템플릿의 이미지나 문구를 바꾸고 싶으면 index.html 파일을 수정하면 됩니다.

/modules/editor/components/ap_template/templates/mh_story/index.html

윈도우 메모장이나 나모에서 편집하면 안 됩니다.

EditPlus나 이와 비숫한 편집기를 사용하세요.

https://moonhouse.co.kr/utils/140270

제1호 - 2024.11.16. 토요일(음력 : 10.16.)

팔공산 — Sat, 16 Nov 2024 12:58:43 +0900

문학 이야기

제 1 호: 2024. 11. 16. 토요일(음력 10. 16)

80san@moonhouse.co.kr / 팔공산

시 나눔 → 우리시

사랑도 나무처럼 - 이해인

사랑도 나무처럼
사계절을 타는 것일까
물오른 설레임이
연두빛 새싹으로
가슴에 돋아나는
희망의 봄이 있고
태양을 머리에 인 잎새들이
마음껏 쏟아내는 언어들로
누구나 초록의 시인이 되는
눈부신 여름이 있고
열매 하나 얻기 위해
모두를 버리는 아픔으로
눈물겹게 아름다운
충만의 가을이 있고
눈 속에 발을 묻고
홀로서서 침묵하며 기다리는
인고의 겨울이 있네
사랑도 나무처럼
그런 것일까
다른 이에겐 들키고 싶지 않은
그리움의 무게를
바람에 실어 보내며
오늘도 태연한 척 눈을 감는
나무여 사랑이여

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

사랑할 땐 별이 되고 (새가 있는 언덕길에서 1~4) - 이해인

1
새야, 네가 앉아 있는 푸른 풀밭에 나도 동그마니 앉아 있을 때, 네 조그만 발자국이 찍힌 하얀 모래밭을 맨발로 거닐 때 나도 문득 한 마리 새가 되는 느낌이란다.

오늘은 꽃향기 가득한 언덕길을 오르다가 네가 떨어뜨린 고운 깃털 한 개를 주우며 미움이 없는 네 눈길을 생각했다.

지금은 네가 어느 하늘을 날고 있는지 모르지만 내가 주운 따스하고 보드라운 깃털 한 개로 넌 어느새 내 그리운 친구가 되었구나.

넌 이해할 수 있니?

늘 가까이 만나 오던 이들도 어느 순간 왠지 서먹해지고, 처음 대하는 이도 오랫동안 알고 지냈던 것처럼 정답게 느껴질 수 있는 사람의 마음을 말이야.

네가 무심히 흘리고 간 한개의 깃털이 나의 시집 갈피에서 푸드득 날개소리를 내듯이 내가 이 땅에 흘려 놓은 시의 조각들이 어디선가 날개를 달고 하늘로 올라갈 수 있다면 얼마나 기쁘겠니?

아니 하늘로 영원히 오르기 전에 사랑하는 누군가의 가슴속에서 이미 새가 될 수 있다면...

너를 조용히 생각하는 오늘밤은 나의 삶도 더욱 경이롭게 느껴져 잠이 오질 않는구나.

내 삶의 숲에는 아직도 숨어 있는 보물들이 너무 많아 나는 내내 콩새가슴으로 설레이는구나.
2
해질녘, 수녀원의 언덕길과 돌층계 위에서 수평선을 바라보면 내 마음에 새가 되어 날아드는 어린 시절의 동무들.

“나하고 놀자” “소꼽놀이 하자”고 불러내던 눈매 고운 소녀도, 학교 갈 때면 내가 보고 싶어 목을 길게 빼고 우리 동네 쪽을 바라보며 걷는다고 얘기했던 마음 어진 소년도 수평으로 앉아 있다가 파도 모양을 그리며 천천히 날아오네.

깊은 뜻도 잘 모르고 전에 자주 되풀이했던 그립다는 말, 보고 싶다는 말.

이젠 너무 오래 안 듣고, 안하고 살았더니 문득 어린 시절의 동무들이 날아와 나를 부르네.
3
친구야, 네가 너무 바빠 하늘은 볼 수 없을 때 나는 잠시 네가슴에 내려앉아 하늘냄새를 파닥이는 작은 새가 되고 싶다.

사는 일의 무게로 네가 기쁨을 잃었을 때 나는 잠시 너의 창가에 앉아 노랫소리로 훼방을 놓은 고운 새가 되고 싶다.

모든 이를 다 불러모을 넓은 집은 내게 없어도 문득 너를 향한 그리움으로 다시 짓는 나의 집은 부서져도 행복할 것 같은 자유의 빈집이다.
4
10년 가까이 사회와 격리된 높은 담장 안에서 자유를 그리며 라면 박스로 만든 서가에 <꽃삽>이란 나의 책도 꽂아 두고 본다는 대철의 글을 약간은 슬프게 새소리를 들으며 읽었다.

`오늘은 한 주일 동안 쌓인 빨래는 하는 날.

우중충한 세면장에 덩그라니 혼자 앉아 양말을 빨고 있는데 창 밖에 웬 참새소리가 그리 요란한지. 재잘재잘재잘...

하도 시끄럽길래 일어나서 내다보았더니 잎이 파란 삼나무 한 그루 외엔 아무것도 안 보이는 것입니다.

아마도 놈들이 그 안에 숨어서 지절거리는 것이겠지요. 갑자기 한 놈이 후두둑하고 튀어나오더니 십여 마리가 뒤따라 나와 저쪽 취사장 쪽으로 날아가 버리데요.

재잘재잘하는 여운만 남겨 놓은 채. 문득 `살아갈수록 가볍고 싶은데 살아갈수록 내가 무겁구나` 하는 수녀님의 새에 대한 단상이 떠올랐습니다.

그러고보니 저렇게 새처럼 가볍게 지절거려 본 일이 또 지절거림을 들어 본 일이 얼마나 되었던가요?

밖에서였더라면 남자답지 못하다고 핀잔이나 받았을 조잘거림이 왜 이리 그리운지요.

기분같아서는 누군가 옆에서 하루 종일 조잘거린다 해도 다 들어줄 수 있을 것 같습니다.

그렇지 않아도 꽤 무거운 저는 오랜 격리생활 때문에 더욱 무거워진 것 같습니다.

아, 새처럼 공기처럼 가벼울 수 있다면...`

독서실 → 외국소설

천국의 열쇠 - A.J. 크로닌

제1부 끝머리의 시작

  1938년 9월 어느 늦은 오후에 프랜치스 치셤 노신부는 성 콜롬바 교회에서 나와 다리를 절룩거리며 언덕 위에 있는 자기 집으로 통하는 가파른 언덕길을 올라가고 있었다.
노쇠하긴 했으나 그는 마커트 와인드의 완만한 고갯길보다는 이 비탈길을 더 좋아했다.
이윽고 담벽으로 둘러싸인 정원의 좁은 문 앞에 다다라선 어린아이처럼 천진스러운 정복의 기쁨을 감추지 못하고 멈춰 서서 가쁜 숨을 가다듬으며 언제 보아도 좋은 경치를 내려다보는 것이었다.
눈 아래에는 은빛 티드 강의 잔잔하고도 폭넓은 흐름이 가을의 석양에엷은 사프란 빛을 발하며 굽이치는 것이 보였다.
북쪽 스코틀랜드 쪽의강변 언덕바지에는 티드사이드 시의 너저분한 집들이 즐비하게 서 있었고, 핑크나 노랑색 천조각과 같은 타일 지붕들이 좁고 꾸불꾸불한 골목길을가리고 있었다.
이 국경 도시는 지금도 높은 성벽에 둘러싸여 있지만, 그성벽 위의 크리미아 전쟁 때 빼앗은 대포는 지금은 게를 쪼아먹으러 오는갈매기들의 휴식처에 지나지 않았다.
강어귀의 모래톱에 널어놓은 어망에는 안개가 자욱했으며, 항구로 들어오는 고깃배의 너덜너덜한 돛대는 하늘을 향해 늘어서 있었다.
뭍 쪽으로 눈을 돌리니 청동색의 조용한 다람 숲에는 이미 땅거미가 내려앉고, 그 숲을 향해 백로가 한 마리 부지런히 날아가고 있었다.
맑고도 싸늘한 공기는 장작을 태우는 냄새와 떨어진 사과의 강한 향기에 넘쳐 있어 계절보다도 빨리 첫서리가 내릴 듯한 느낌이었다.
치셤 신부는 자못 만족스럽다는 듯이 숨을 몰아쉬고는 발길을 돌려 자기 집 정원으로 들어갔다.
'비취 동산' 의 정원과는 비할 수 없었으나 스코틀랜드의 정원 특유의 아름다움이 있었고, 부드러운 울타리를 따라 손질이 잘 된 과수가 늘어서 있어 실로 풍요로운 느낌을 주었다.
그 중에서도 정원 남쪽에 있는 배나무가 으뜸이었다.
잔소리가 많은 정원사 두갈의 모습이 보이지 않자 신부는 조심스레 부엌 쪽을 살펴보고 나서 제일 잘 생긴 배를 하나 따서 법의 속에 감추었다.
그리고는 낡아서 지금은 못 쓰게 된 우산 대신 유일한 사치품으로 산 격자무늬 새 우산을 지팡이 대신 짚고는 주름투성이의 누런 얼굴을 자랑스럽게 반짝이면서 절룩거리며 자갈길을 걸어갔다.
무심코 현관 쪽을 바라보니 자동차가 한 대 멈춰 서 있었다.
불쾌한 생각으로 얼굴에 주름이 생겼다.
기억이 나쁜데다 이따금 방심 상태가 되는 것을 늘 괴로워하고 있었는데, 그는 차를 보고 갑자기 얼마전에 주교의 편지로 당혹했던 일을 생각해 낸 것이다.
주교는 비서인 스리스 신부의 방문을 제안이라기보다는 통지해 온 것이었다.
그래서 그는 손님을 맞이하기 위해서 서둘러 집안으로 들어갔다.
스리스 신부는 응접실에 불기가 없는 난로를 뒤로 하고 약간 굳은 모습으로 서 있었다.
거무스레하고 여윈 듯한 얼굴을 기품이 있어 보였으나, 주위의 초라함을 보고는 성직자의 위엄이 손상이라도 된 듯 화가 나 있었다.
도자기라든가 칠기 같은 뭔가 동양의 토산물이라도 있어 주인의 취미를 엿볼 수 있을 것으로 생각하고 사방을 둘러보았으나 방 안은 텅 비어 있고 바닥은 보잘것없는 리놀륨이 깔려 있었으며, 담요로 덮어씌운 의자가 몇 개 놓여 있을 뿐 이렇다 할 만한 특징이 아무것도 없었다.
그는 힐난하는 듯한 표정으로 낡아빠진 벽난로 위에 아직 계산도 하지 않은 현금과 그 옆에 놓여 있는 팽이를 곁눈질로 흘겨보고 있었다.
그러나 그는 예절을 지키겠다는 생각인 듯 얼굴을 부드럽게 하고 치셤 신부가 정중하게 변명하려는 것을 말렸다.
  "저는 벌써 가정부의 안내로 제가 쓸 방을 알았습니다. 4, 5일 신세를 져야 할 형편인데 폐가 되지 않겠습니까?
오늘 오후는 정말 즐거웠습니다.
그 경치는 참으로 근사했답니다.
타인카슬로부터 여기에 이르는 길은 마치 산 모랄레스에 있는 듯한 기분이 들었습니다."
그는 거드름을 피우며 어두워지는 창 밖으로 시선을 돌렸다.
스리스 신부를 보고 있으려니까 타란트 신부와 신학교의 일이 생각나서 늙은 신부는 하마터면 미소를 지을 뻔했다.
스리스 신부의 고상한 몸가짐이나 날카로운 눈초리, 오똑한 콧날까지가 타란트 신부와 너무나도 닮아 있었다.
  "아무쪼록 편히 쉬시기 바랍니다" 하고 노신부는 중얼거리듯 말했다.
  "이제 곧 식사시간이 될 겁니다.
정식을 준비하지 못해서 죄송합니다.
여기서는 그만 스코틀랜드의 하이 티(고기 요리를 곁들인 저녁 식사)의 습관대로 한답니다."
스리스는 반쯤 외면한 채 고개를 끄덕여 보였다.
마침 그때 미스 모파트가 들어와 낡은 커튼을 걷어 젖히고 식탁 준비를 하기 시작했다.
스리스는 겁에 질린 듯이 자기를 힐끔 쳐다보는 얌전한 이 여자가 이 방과 잘 어울린다고 생각했다.
세 사람 분을 준비하고 있는 것을 보고 조금은 불쾌한 느낌을 받았으나 그녀가 있었으므로 화제는 이어나갔다.
식탁에 앉자 스리스는 이번에 건립되는 타인카슬 대성당의 외장을 위해서 주교가 일부러 카라라에서 구해 온 특별한 대리석에 대해 칭찬하기 시작했다.
이윽고 햄과 내장을 곁들인 달걀찜을 다 들고 나자 브리타니아의 티 포트로 따라 준 홍차를 받아 들었다. 그리고 잘 구어진 토스트에 버터를 바르면서 그는 치셤 신부가 조심스럽게 이렇게 말하는 것을 듣고 있었다.
  "어떻습니다, 수프는 안드레아도 함께 들어도 되겠습니다. 안드레아, 이 분이 스리스 신부님이시다."
스리스는 얼굴을 들었다.
아홉 살쯤 된 사내아이가 어느 사이에 방 안에 들어와 있었다.
푸른색 스웨터를 입은 길쭉하고 창백한 얼굴을 신경질적으로 긴장시킨 채 머뭇머뭇하더니 살며시 자기 자리에 앉으며 기계적으로 우유 주전자 쪽으로 손을 내밀었다.
접시 위로 고개를 숙였을 때 축축한 갈색 머리카락이-미스 모파트가 스폰지로 씻어 주었기 때문에 젖어 있었다.
보기 싫게 이마위에 늘어져 있었다.
그 파란 눈에는 어린이답지 않게 이 자리의 심상치 않은 일의 예감이 깃들어 있었다.
소년은 불안스럽게 고개를 떨군 채 얼굴을 들려고 하지 않았다.
스리스 신부는 의젓함을 보이며 다시 천천히 식사를 계속했다.
그리고 지금은 아직 이야기의 본론을 꺼낼 시기가 아니라고 생각했다.
그러나 가끔 그의 시선은 은연중에 소년 쪽으로 가 있었다.
  "아, 네가 안드레아냐?"
단순한 인사로라도 뭔가 말을 하지 않으면 안 되었고, 조금은 친절함을 보여 줄 생각인 모양이었다.
  "그래, 이곳 학교에 다니니?"
  "네......"
  "아, 그랬었구나. 그럼 무엇을 배웠니?"
그는 상냥하게 간단한 질문을 두세 가지 던져 보았다. 소년은 얼떨떨하여 아무 말도 하지 못하고 다만 얼굴을 붉히며 입을 다물고 있는 바람에 완전히 무지함을 드러내고 말았다.
스리스 신부는 미간을 찌푸렸다.
'이거 형편없구나' 하고 그는 생각했다.
'마치 빈민굴의 아이 같군.'
그는 내장요리를 다시 한 입 먹었다.
문득 알고 보니 자기만이 고급요리를 먹고 다른 두 사람은 죽을 먹고 있었으므로 얼굴이 붉어졌다.
노인으로부터 이런 금욕주의를 과시 당하는 것이 견딜 수 없이 불쾌한 일이었다.
치셤신부도 그의 기분을 알아차린 모양이었다.
그는 머리를 저었다.
  "나는 스코틀랜드의 맛있는 오트밀을 몇십 년이나 먹지 못하여 요즘은 매일 그것만 먹고 있습니다, 보시다시피."
스리스 신부는 잠자코 상대방의 말을 듣고 있었다. 그때 고개를 숙이고 말이 없던 안드레아가 얼핏 눈을 들어 먼저 일어나도 되겠느냐고 물었다.
그러나 식후의 기도를 드리고 일어서다가 스푼에 팔꿈치를 부딪혀 떨어뜨리고 말았다.
그리고 무거운 장화 소리를 내면서 문 쪽으로 걸어갔다.
다시 침묵이 흘렀다.
그러는 동안 식사를 끝낸 스리스 신부는 거만스럽게 일어나 난로 앞으로 가서 뒷짐을 지고는 아직 자리에서 무엇인가를 기다리고 있는 듯한 괴상한 모양을 하고 있는 늙은 동료를 슬며시 관찰하고 있었다.
'이거 참 곤란하군' 하고 스리스는 생각했다.
성직자의 신분으로서 이건 너무나도 한심스러운 것이었다.
얼룩진 더러운 법의, 땟국이 반질거리는 칼라, 혈색이 나쁜 까칠한 피부의 볼품없는 늙은이! 한쪽 볼에 있는 흉터처럼 보기 흉한 빨갛게 부은 자국은 아내 눈꺼풀을 뒤집어 놓아서 그 때문에 머리가 한쪽으로 기울어진 느낌이었다.
영원히 비뚤어진 것 같은 목은 절름거리는 한쪽 다리와 균형이 잘 잡혀 있는 듯한 인상을 준다.
언제나 아래를 향하고 있는 눈은-이따금 위를 쳐다보는 수도 있지만 날카로운 사팔뜨기며, 그것이 이상스럽게도 사람을 당황하게 하는 힘을 지니고 있었다.
스리스 신부는 헛기침을 했다.
드디어 얘기를 꺼낼 시기가 되었다고 생각하고 그는 애써 정중하게 말을 걸었다.
  "이곳에 오신 지는 얼마나 되셨나요, 치셤 신부님?"
  "1년이 되었군요."
  "아, 그렇습니까. 주교님께서 신부님을 이곳에 오시게 한 것은 여간 친절한 배려가 아닌 것 같습니다. 귀국하시자 바로 고향으로 말입니다."
  "이곳은 주교님의 고향이기도 합니다."
스리스는 점잖게 고개를 끄덕여 보였다.
  "주교님께서 신부님과 같은 고향이라는 것은 알고 있었습니다.
그렇다면......신부님은 연세가 어떻게 되십니다? 일흔이 다 되셨지요?"
치셤 신부는 고개를 끄덕이며 점잖게 노인다운 긍지를 가지고 덧붙여 말했다.
  "나는 그래도 안셀모 밀리보다 나이가 많지 않소."
스리스 신부는 노인의 아무렇게나 내뱉는 말투에 얼굴을 찌푸렸으나 그것은 이내 연민의 미소로 바뀌어 있었다.
  "그래요? 그러나 같은 일생이라도 신부님은 주교님과 비교할 때 너무 심한 차이가 나는 것 같군요."
그는 몸을 뒤로 젖히며 부드러운 말투로 말했다.
  "주교님도 저도 신부님이 지금까지 오랜 세월을 성실하게 일해 오신 것을 잘 압니다.
그래서 이제는 신부님이 그 보답을 받으실 때라고 생각합니다......그러니까 은퇴하실 때가 왔다는 말씀입니다."
그 순간 방 안은 기묘한 침묵에 휩싸였다.
  "그러나 나는 은퇴할 생각이 전혀 없소."
  "저도 여기 온 것이 무척 괴롭습니다."
스리스는 조심성 있었고, 시선은 천정을 향한 채 말했다.
"조사를 한 다음 주교님께 보고를 드려야 합니다."
간과해선 안 될 일도 있고 해서요."
  "그게 뭡니까?"
스리스는 안절부절 못하는 몸짓을 했다.
  "여섯 가지......열 가지......아니 더 있습니다. 숫자를 세는 것이 제 역할을 아닙니다만, 신부님의......그 동양적인 엉뚱한 행동 말입니다."
  "그건 유감이군요." 노인의 눈에서는 서서히 불꽃과 같은 것이 타오르고 있었다.
"내가 중국에서 35년 동안이나 살았었다는 것을 제발 잊지 마시기를."
  "이곳 교구의 사무가 손을 댈 수 없을 만큼 엉망이라지요?"
  "빚이라도 졌다 이 말씀인가요?"
  "그런 것은 우리가 알 까닭이 없지 않습니까.
일년에 네 번 내는 헌금에 대해서도 최근 6개월 동안 아무 보고도 받지 못했어요."
스리스의 억양이 높아지면서 말도 빨라졌다.
"이것저것 모든 것이 너무 비사무적이고......예를 들면 말씀입니다.
브랜드의 거래처에서 지난 달에 청구서를 댄 데 대하여......양초값 3파운드와 그 밖에 있어서......신부님은 그걸 모두 동전 으로 지불하셨지요!"
  "받은 돈이 모두 동전이었기 때문에......"
치셤 신부는 물끄러미 스리스의 얼굴을 쳐다보았다.
마음속까지 꿰뚫어 보는 듯한 시선이었다.
  "언제나 나는 돈에 대해선 관심이 없으니까 돈이란 것을 가져 본 경험이 없어서......그러나 결국 당신은 돈이란 것을 그렇게까지 중대하게 생각하고 있군요."
난처하게도 스리스 신부는 스스로 의식할 정도로 얼굴이 붉어졌다.
  "이상한 소문이 돌고 있습니다." 하고 그는 들추어냈다. "여러 가지가 있습니다. 신부님이 하신 설교나......충고나......교리에 대해서도 어느정도까지는." 그는 아까부터 손에 들고 있던 가죽 표지의 노트를 새삼스럽게 들여다보았다.
"모두가 위험할 정도로 변질되고 있습니다."
  "천만에!"
  "성령 강림 대축일에도 신부님께서는 신도들에게 이런 말씀을 하셨습니다.
"천국은 하늘에 있다고 생각해선 안 된다......여러분의 손바닥 안에 있다......그것은 어디에나 있고 그리고 어디에 있어도 좋은 것이다'는 식으로 말입니다."
스리스는 노트를 넘기면서 검열관처럼 미간을 찌푸렸다.
  "그리고 또......사순절 동안에는 도저히 믿어지지 않는 말씀을 하셨습니다.
"무신론자라 해서 모두 지옥에 간다고 할 수 없다. 나는 한 사람, 지옥에 가지 않은 무신론자를 알고 있다.
지옥에는 하느님 얼굴에 침을 뱉은 자만이 가는 것이다.' 그리고 이건 너무 심한 말씀이었습니다.
'그리스도는 완전한 인간이었으나 공자 쪽은 유머가 풍부했다!"
스리스 신부는 단호한 태도로 노트를 덮어 버렸다.
  "아무리 보아도 신부님은 이미 자기의 영혼에 대한 지배력을 잃으신 것 같습니다."
  "그러나......" 하고 치셤 신부는 침착하게 "나는 어떤 영혼에 대해서도 지배력 따위를 갖고 싶다고는 생각지 않는데요."라고 말했다.
스리스의 얼굴에는 불쾌한 듯한 빛이 더욱 짙어졌다.
새삼스럽게 이런 영감쟁이를 상대로 신학상의 토론을 벌일 수 없다고 생각했기 때문이었다.
  "이 밖에도 많은 문제가 있습니다. 신부님이 양자로 삼은 안드레아도 말입니다."
  "내가 돌보지 않는다면 누가 저 아이를 돌봐 주겠소?"
  "랠스톤에 수녀원이 있지 않습니까. 그곳은 이 교구에서 가장 훌륭한 고아원입니다."
치셤신부는 사람을 얼떨떨하게 만드는 눈으로 스리스를 쳐다보았다.
  "당신은 어떻게 생각하오. 자기 어린 시절을 그 고아원에서 보낼 수 있다고 생각해 보았소?"
  "그렇게 개인적인 일에까지 비약시킬 필요가 있을까요. 조금 전에도 말했듯이......경우에 따라서 그 이유를 인정한다 하더라도 말입니다......이런 상태는 아주 변칙적으로 어떻게든 빨리 해결하지 않으면 안 됩니다.
게다가......" 하고 그는 양손을 쭉 뻗쳤다.
"신부님이 이곳을 떠나시고 나면......우리가 그 아이의 거처를 마련해야겠지요."
  "우리를 내쫓을 작정이군요. 나도 수녀원 신세를 지란 말씀입니까?"
  "아닙니다. 신부님은 클리톤의 노사제관으로 가시면 됩니다. 그곳에는 완전한 평화와 안정이 기다리고 있습니다."
치셤 신부는 갑자기 웃기 시작했다.
메마른 짧은 웃음이었다.
  "완전한 안정이라면 죽은 뒤에 충분히 취하겠습니다. 살아 있는 동안은 늙은 신부들과 함께 있고 싶지 않아요.
이상하게 여기실지 모르겠으나......나는 신부들이 많이 모여 있는 곳에서는 견딜 수가 없기 때문이오."
스리스는 당황해 하며 쓴 미소를 지었다.
  "이상하다고는 생각지 않습니다, 신부님. 실례지만 이 말만은 해야겠습니다......신부님의 평판은 중국에 가시기 전부터도 역시......신부님의 생애가 좀 기 이한 것이었으니까요."
잠깐 침묵이 흘렀다.
이윽고 치셤신부가 조용한 목소리로 말했다.
  "나는 내 일생의 청산서를 하느님께 제출하겠소."
스리스는 자신의 경솔을 게면쩍게 여기면서 시선을 떨구었다.
좀 지나친 것 같았다.
성격은 차가운 편이었으나 그는 늘 공정하게, 아니 신중하게 행동하려고 노력하고 있었다.
그래서 난처한 얼굴을 보이는 것 정도는 터득하고 있었다.
  "물론 저는 신부님의 재판관이라든가 또는 조사관이라고 생각하고 있는 건 아닙니다.
아직 아무것도 결정된 것이 없습니다.
그러므로 이렇게 찾아온 겁니다. 아무튼 어떻게 될지 이 며칠 동안 기다려 볼 필요가 있겠지요"
하며 그는 문 쪽으로 걸음을 옮겼다.
"잠깐 성당에 다녀오겠습니다. 그대로 계십시오. 길은 알고 있으니까요."
다소 부자연스러운 미소로 입을 일그러뜨리며 스리스 신부는 밖으로 나갔다.
그가 나가자 치셤 신부는 깊은 생각에 잠겨 있는 듯 손으로 얼굴을 감싼 채 꼼짝도 하지 않고 테이블을 향해 앉아 있었다.
어렵사리 얻어낸 이 한적한 생활이 이렇게 별안간 위협을 받으리라고는 생각지도 못한 일이었다.
무엇인가가 완전히 부서져 버린 느낌이었다.
오랜 세월 동안에 여러가지 환경에서 어거지로 얻은 체념도 이번만은 도저히 받아들일 수가 없는 심정이었다.
뭔가 갑자기 하느님에게도 사람들로부터 버림받은 무의미하고 낡아빠진 인간처럼 생각되었다.
타오르는 듯한 적막감으로 가슴이 미어질 것 같았다.
사소한 일이지만 이것은 대단한 무게를 가지고 밀어닥쳤다.
큰 소리로 외치고 싶었다.
"주님이시여, 주님이시여, 어찌하여 당신은 저를 버리시나이까?'
그는 힘없이 일어서서 2층으로 올라갔다.
응접실 위에 있는 다락방에서는 안드레아가 이미 잠들어 있었다.
모로 누워 몸을 방어라도 하듯이 베개 위에 여윈 한 팔을 겹쳐 베고 있었다.
치셤 신부는 그 잠든 모습을 물끄러미 바라보다가 주머니에서 배를 꺼내어 침대 옆에 벗어 놓은 옷 위에 얹어 놓았다.
그것밖엔 아무것도 해줄 것이 없었다.
산들바람이 모슬린 커튼을 흔들었다.
그는 창문께로 가서 커튼을 젖혔다.
서리라도 내릴 것 같은 하늘에는 별들마저 떨고 있었다.
이 별빛 아래 형태도 없고 고결함도 없는, 하찮은 노력 위에 세워진 자기의 어리석은 생애의 긴 세월이 펼쳐져 있었다.
이 티드사이드 거리에서 뛰어놀던 소년 시절의 나날이 바로 엊그제의 일처럼 생각되었다.
그렇게 생각하니 추억은 멀리 과거로 거슬러 올라갔다.
만일 자기의 일생이 어느 일정한 틀에 따라 씌어진 것이라고 하면, 그 숙명적인 첫머리의 기록은 아마 60년 전 그 4월의 토요일에 시작되었다고 할 수 있을 것이다.
아직 누구로부터도 방해를 받지 않은 행복한 날이었기 때문인지 그것은 마음속 깊이 새겨져 있으면서도 아무도 몰래 지나가 버린 것이다......

천국의 열쇠 → 표지

나모웹에디터

風文 — Fri, 15 Nov 2024 09:25:44 +0900

나모웹에디터로 문서를 작성해서 미리보기->전체선택-> 복사->붙여넣기
그동안 제가 해오던 방식입니다. 그런데 위의 그림을 보시면 글씨체가 아주 작게 나오고 그림도 없어요.

그러나 미리보기를 하지 않고 html소스만 복사해서 소스붙여넣기를 하면 아래의 그림처럼
글자크기도 14point, 셀내부 배경그림도 정상적으로 나옵니다.
왜 그런가요? 문서를 올릴 때 소스보기를 해서 소스로만 게시물을 올려야하나요?
나모가 문제인가요?

SketchBook5_MH 버전업 V3.2 - 2024.11.14

팔공산 — Thu, 14 Nov 2024 19:18:40 +0900

[ V3.2 수정 ] 2024.11.14

[긴급 수정] 게시판 List 형식시 분류가 있는 공지글 작성시 분류칸이 넓어지고 제목칸이 좁아지는 오류 수정.

1. 웹진형 리스트에 에드센스 삽입 3개까지 추가 - https://moonhouse.co.kr/xetip/592403
[ 웹진형 설정 > ★웹진형 리스트에 광고 삽입(FT) ]
2. 목록형 List 애드센스 출력

3. 추천인 기능 추가
[ 본문 일반 설정 > 추천인 표시 ]

4. 게시판에 여러개 업로드된 파일을 파일명 으로 정리
https://xetown.com/questions/1844831#comment_1844839
[ 첨부파일 > ┖ 파일이름명 순서대로 출력 ]
5. 게시판 전체영역(List, 본문등) table 가로 overflow-x: auto 적용
https://xetown.com/questions/1845494#comment_1845571
[ 전체 설정 > table 가로 overflow-x: auto 적용 ]