================================================================================
 type=textarea 기능 업데이트 가이드
 갤러리 스타일2 뷰페이지 + 입력폼 헬퍼 모달창
================================================================================

[개요]
- 여분필드에 |type=textarea 설정 시 HTML 코드를 그대로 렌더링
- 테이블 구조 밖에 별도 출력 (타이틀 없이 심플하게)
- 입력폼에 help_li, help_테이블 버튼으로 HTML 생성 모달 제공

================================================================================
1. view.skin.php - hycs_render_block_field_for_view 함수 수정
================================================================================

[1-1] 타입 감지 부분 수정 (약 144-150행 부근)
기존: count($parts) > 2 일때만 type 체크
수정: 모든 parts에서 type= 찾기

---코드 시작---
$parts = explode('|', $config);
$parts_config = $parts;
$type = 'text';
// 모든 파트에서 type= 찾기 (제품특징|type=textarea 형식 지원)
foreach ($parts as $a) {
    if (strpos($a, 'type=') === 0) {
        $type = explode('/', substr($a, 5))[0];
        break;
    }
}
---코드 끝---


[1-2] textarea/html 타입 처리 추가 (else 분기 전에 추가)
위치: } else { $label = trim(mSubj($i)); 이 부분 바로 앞에 추가

---코드 시작---
        } elseif ($type === 'textarea' || $type === 'html') {
            // textarea/html 타입: 심플 박스로 HTML 코드를 그대로 출력 (테이블/타이틀 없이)
            $field_name = 'wr_' . $i;
            $value = isset($view[$field_name]) ? $view[$field_name] : '';
            $value_check = trim(strip_tags($value));
            // 빈 값이거나 기본 텍스트면 출력하지 않음
            if ($value_check === '' || strpos($value_check, '내용에 아무것도 안나오면 자동등록된 기본내용입니다') !== false) {
                return array('row' => '', 'extra' => '', 'force_row' => '');
            }
            $extra_html .= '<div class="view-textarea-box">' . $value . '</div>';
            // textarea/html 타입은 extra에만 출력하고 row/force_row는 빈값으로 바로 반환
            return array('row' => '', 'extra' => $extra_html, 'force_row' => '');
        } else {
---코드 끝---


================================================================================
2. view2.skin.php - 갤러리 스타일2 뷰페이지
================================================================================

[2-1] textarea extras 별도 수집 변수 추가
위치: $hycs_sections = hycs_get_section_field_lists(...) 다음 줄

---코드 시작---
$textarea_extras_v2 = ''; // textarea/html 타입은 블록 바깥에 별도 출력
---코드 끝---


[2-2] foreach 루프 안에서 textarea extra 분리 저장
위치: $rendered = hycs_render_block_field_for_view(...) 호출 후 extra 처리 부분

기존:
$block_extras .= $rendered['extra'];

수정:
---코드 시작---
// textarea/html 타입 extra는 별도 저장
if (strpos($rendered['extra'], 'view-textarea-box') !== false) {
    $textarea_extras_v2 .= $rendered['extra'];
} else {
    $block_extras .= $rendered['extra'];
}
---코드 끝---


[2-3] 블록 루프 끝난 후 textarea extras 출력
위치: foreach ($hycs_sections ...) 루프가 끝난 직후, 첨부파일 출력 전

---코드 시작---
// textarea/html 타입 필드는 블록 바깥에 별도 출력
if (trim($textarea_extras_v2) !== '') {
    echo $textarea_extras_v2;
}
---코드 끝---


================================================================================
3. view_detail.php - 동일한 textarea/html 처리 추가
================================================================================

view.skin.php의 [1-1], [1-2]와 동일하게 수정
(hycs_render_block_field_for_view_detail 함수 내)


================================================================================
4. style_view.css - 뷰 페이지 스타일 추가
================================================================================

파일 끝에 추가:

---코드 시작---
/* textarea/html 타입 여분필드 박스 */
.view-textarea-box {
    display: block;
    padding: 0;
    background: none;
    margin-top: 30px;
    line-height: 1.8;
    overflow: hidden;
    clear: both;
    width: 100%;
    box-sizing: border-box;
}

.view-textarea-box + .view-textarea-box {
    margin-top: 30px;
}

.view-textarea-box ul {
    margin: 0;
    padding-left: 20px;
    list-style-position: inside;
}

.view-textarea-box li {
    margin-bottom: 8px;
}

.view-textarea-box > * {
    max-width: 100%;
}

.view-textarea-box table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

.view-textarea-box table th,
.view-textarea-box table td {
    border: 1px solid #ddd;
    padding: 8px 12px;
    text-align: center;
}

.view-textarea-box table th {
    background: #f0f0f0;
    font-weight: 600;
}

.view-textarea-box table tr:nth-child(even) {
    background: #fafafa;
}

/* COM_li 리스트 스타일 */
.view-textarea-box .COM_li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.view-textarea-box .COM_li li {
    list-style: none;
}

.view-textarea-box .COM_li.li-1d > ul.dot > li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 1.6;
}

.view-textarea-box .COM_li.li-1d > ul.dot > li::before {
    content: "•";
    position: absolute;
    left: 0;
}

.view-textarea-box .COM_li.li-2d {
    margin-top: 4px;
}

.view-textarea-box .COM_li.li-2d > ul.dash > li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 4px;
    font-weight: 400;
    color: #666;
    font-size: 0.92em;
    line-height: 1.5;
}

.view-textarea-box .COM_li.li-2d > ul.dash > li::before {
    content: "-";
    position: absolute;
    left: 8px;
}
---코드 끝---


================================================================================
5. write.skin.php - 입력폼 헬퍼 모달창
================================================================================

[5-1] 파일 맨 끝 </section> 태그 다음에 모달 HTML 추가:

---코드 시작---
<!-- textarea 헬퍼 모달 -->
<div id="helpModal" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999999;overflow:auto;">
  <div style="background:#fff;margin:100px auto 20px auto;max-width:1200px;border-radius:12px;position:relative;max-height:calc(100vh - 120px);overflow:auto;">
    <button onclick="closeHelpModal()" style="position:absolute;top:15px;right:15px;background:#ff5c5c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;z-index:10;">&times;</button>
    <div id="helpModalContent" style="padding:24px;"></div>
  </div>
</div>

<script>
var currentTextareaId = '';

function openHelpModal(type, textareaId) {
  currentTextareaId = textareaId;
  var content = '';

  if (type === 'li') {
    content = getListGeneratorHTML();
  } else if (type === 'table') {
    content = getTableGeneratorHTML();
  }

  document.getElementById('helpModalContent').innerHTML = content;
  document.getElementById('helpModal').style.display = 'block';
  document.body.style.overflow = 'hidden';

  // 초기화 함수 실행
  if (type === 'li') {
    setTimeout(function() { initListGenerator(); }, 100);
  } else if (type === 'table') {
    setTimeout(function() { initTableGenerator(); }, 100);
  }
}

function closeHelpModal() {
  document.getElementById('helpModal').style.display = 'none';
  document.body.style.overflow = '';
}

// 리스트 생성기 HTML
function getListGeneratorHTML() {
  return `
<style>
  .help-panel { display: flex; flex-wrap: wrap; gap: 20px; }
  .help-panel > div { flex: 1 1 45%; min-width: 300px; }
  .help-panel h3 { margin: 0 0 12px 0; font-size: 16px; color: #333; }
  .help-panel textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; line-height: 1.8; resize: vertical; font-family: inherit; }
  .help-panel textarea:focus { outline: none; border-color: #4a90d9; }
  .help-panel .btn-group { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
  .help-panel button { padding: 10px 20px; font-size: 14px; border: none !important; border-radius: 6px; cursor: pointer; font-weight: 500; display: inline-block; box-sizing: border-box; line-height: 1.4; white-space: nowrap; text-align: center; vertical-align: middle; }
  .help-panel .btn-primary { background: #4a90d9 !important; color: #fff !important; }
  .help-panel .btn-primary:hover { background: #357abd !important; }
  .help-panel .btn-secondary { background: #e9ecef !important; color: #495057 !important; }
  .help-panel .help-info { font-size: 12px; color: #888; margin-top: 12px; padding: 12px; background: #f8f9fa; border-radius: 6px; line-height: 1.8; }
  .help-panel .help-info code { background: #e9ecef; padding: 2px 6px; border-radius: 3px; font-family: monospace; }
  #liPreview { padding: 16px; background: #fafafa; border-radius: 8px; min-height: 100px; }
  #liPreview ul, #liPreview ol { list-style: none !important; list-style-type: none !important; margin: 0; padding: 0; }
  #liPreview li { list-style: none !important; list-style-type: none !important; }
  .COM_li ul { margin: 0; padding: 0; list-style: none !important; list-style-type: none !important; }
  .COM_li li { list-style: none !important; list-style-type: none !important; }
  .COM_li.li-1d > ul.dot > li { position: relative; padding-left: 12px; margin-bottom: 6px; font-weight: 500; line-height: 1.6; }
  .COM_li.li-1d > ul.dot > li::before { content: "•"; position: absolute; left: 0; }
  .COM_li.li-2d { margin-top: 4px; }
  .COM_li.li-2d > ul.dash > li { position: relative; padding-left: 12px; margin-bottom: 4px; font-weight: 400; color: #666; font-size: 0.92em; line-height: 1.5; }
  .COM_li.li-2d > ul.dash > li::before { content: "-"; position: absolute; left: 0; }
</style>
<h2 style="margin:0 0 20px 0;font-size:20px;">리스트 HTML 생성기</h2>
<div class="help-panel">
  <div>
    <h3>리스트 입력</h3>
    <textarea id="liInput" rows="12" placeholder="• 1단계 항목 (불릿)
- 2단계 하위항목 (대시)
- 2단계 하위항목
• 다음 1단계 항목"></textarea>
    <div class="help-info">
      <strong>입력 규칙:</strong><br>
      <code>•</code> 또는 <code>*</code> : 1단계 항목 (dot)<br>
      <code>-</code> : 2단계 하위항목 (dash)
    </div>
    <div class="btn-group">
      <button class="btn-primary" onclick="copyLiOutput()">HTML 복사</button>
      <button class="btn-primary" onclick="insertLiOutput()" style="background:#5cb85c;">입력폼에 삽입</button>
      <button class="btn-secondary" onclick="clearLiInput()">초기화</button>
    </div>
    <h3 style="margin-top:20px;">생성된 HTML</h3>
    <textarea id="liOutput" rows="6" readonly style="font-family:monospace;font-size:12px;background:#f8f9fa;"></textarea>
  </div>
  <div>
    <h3>미리보기</h3>
    <div id="liPreview"></div>
  </div>
</div>
`;
}

// 테이블 생성기 HTML
function getTableGeneratorHTML() {
  return `
<style>
  .table-gen { padding: 0; }
  .table-gen h2 { margin: 0 0 20px 0; font-size: 20px; }
  .table-gen label { font-weight: bold; margin-top: 10px; display: block; }
  .table-gen textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; margin: 5px 0; }
  .table-gen .btn-group { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
  .table-gen button { padding: 10px 20px; font-size: 14px; border: none !important; border-radius: 6px; cursor: pointer; font-weight: 500; display: inline-block; box-sizing: border-box; line-height: 1.4; white-space: nowrap; text-align: center; vertical-align: middle; }
  .table-gen .btn-primary { background: #5cb85c !important; color: #fff !important; }
  .table-gen .btn-primary:hover { background: #4cae4c !important; }
  .table-gen .btn-secondary { background: #e9ecef !important; color: #495057 !important; }
  .table-gen table { width: 100%; border-collapse: collapse; margin-top: 10px; }
  .table-gen table th, .table-gen table td { border: 1px solid #ccc; padding: 8px; text-align: center; }
  .table-gen .preview-area { margin-top: 20px; padding: 20px; background: #fafafa; border-radius: 8px; }
</style>
<div class="table-gen">
  <h2>테이블 생성기</h2>
  <div style="display:flex;flex-wrap:wrap;gap:30px;">
    <div style="flex:1 1 45%;min-width:300px;">
      <label>테이블 데이터 입력 (| 로 구분, 줄바꿈으로 행 구분)</label>
      <textarea id="tableInput" rows="8" placeholder="DN|15|20|25|32|40|50
Q3(m3/h)|2.5|4.0|6.3|10.0|16.0|25.0
길이(mm)|165|190|225|230|245|305"></textarea>
      <div style="font-size:12px;color:#888;margin-top:8px;padding:12px;background:#f8f9fa;border-radius:6px;">
        <strong>입력 규칙:</strong><br>
        첫 번째 행: 헤더 (th 태그)<br>
        나머지 행: 데이터 (td 태그)<br>
        각 셀은 <code>|</code> 로 구분
      </div>
      <div class="btn-group">
        <button class="btn-primary" onclick="copyTableOutput()">HTML 복사</button>
        <button class="btn-primary" onclick="insertTableOutput()">입력폼에 삽입</button>
        <button class="btn-secondary" onclick="clearTableInput()">초기화</button>
      </div>
      <label style="margin-top:20px;">생성된 HTML</label>
      <textarea id="tableOutput" rows="8" readonly style="font-family:monospace;font-size:12px;background:#f8f9fa;"></textarea>
    </div>
    <div style="flex:1 1 45%;min-width:300px;">
      <label>미리보기</label>
      <div class="preview-area">
        <div id="tablePreview"></div>
      </div>
    </div>
  </div>
</div>
`;
}

// 리스트 생성기 초기화
function initListGenerator() {
  var input = document.getElementById('liInput');
  if (input) {
    input.addEventListener('input', updateLiPreview);
    input.value = "• 배관 내 수압, 수온, 순시유량 측정 LCD 표시 및 원격 전송\n- 우석에이엠테크 전용 통신단말기 호환\n• 초음파식 유량비 400배율(Q3/Q1) 국내 최고 정밀도\n• 동파 방지 성능 우수";
    updateLiPreview();
  }
}

// 테이블 생성기 초기화
function initTableGenerator() {
  var input = document.getElementById('tableInput');
  if (input) {
    input.addEventListener('input', updateTablePreview);
    input.value = "DN|15|20|25|32|40|50\nQ3(m3/h)|2.5|4.0|6.3|10.0|16.0|25.0\n길이(mm)|165|190|225|230|245|305";
    updateTablePreview();
  }
}

// 리스트 미리보기 업데이트
function updateLiPreview() {
  var input = document.getElementById('liInput');
  var output = document.getElementById('liOutput');
  var preview = document.getElementById('liPreview');
  if (!input || !output || !preview) return;

  var lines = input.value.split('\n');
  var html = '';
  var currentLevel1Open = false;

  for (var i = 0; i < lines.length; i++) {
    var line = lines[i].trim();
    if (!line) continue;

    // 1단계 항목 (• 또는 *)
    if (line.charAt(0) === '•' || line.charAt(0) === '*') {
      if (currentLevel1Open) {
        html += '</li>';
      }
      currentLevel1Open = true;
      var text = line.substring(1).trim();
      html += '<div class="COM_li li-1d"><ul class="dot"><li>' + text;
    }
    // 2단계 항목 (-)
    else if (line.charAt(0) === '-') {
      var text = line.substring(1).trim();
      if (!html.includes('<div class="COM_li li-2d">') || html.lastIndexOf('</div>') > html.lastIndexOf('<div class="COM_li li-2d">')) {
        html += '<div class="COM_li li-2d"><ul class="dash">';
      }
      html += '<li>' + text + '</li>';
    }
  }

  // 열린 태그 닫기
  if (html.includes('<div class="COM_li li-2d">') && !html.endsWith('</ul></div>')) {
    html += '</ul></div>';
  }
  if (currentLevel1Open) {
    html += '</li></ul></div>';
  }

  output.value = html;
  preview.innerHTML = html;
}

// 테이블 미리보기 업데이트
function updateTablePreview() {
  var input = document.getElementById('tableInput');
  var output = document.getElementById('tableOutput');
  var preview = document.getElementById('tablePreview');
  if (!input || !output || !preview) return;

  var lines = input.value.trim().split('\n').filter(function(l) { return l.trim(); });
  if (lines.length === 0) {
    output.value = '';
    preview.innerHTML = '';
    return;
  }

  var html = '<table border="1" cellpadding="6" cellspacing="0" style="border-collapse:collapse;width:100%;margin-top:10px;">\n';

  for (var i = 0; i < lines.length; i++) {
    var cells = lines[i].split('|');
    html += '<tr>';
    for (var j = 0; j < cells.length; j++) {
      var tag = (i === 0) ? 'th' : 'td';
      html += '<' + tag + '>' + cells[j].trim() + '</' + tag + '>';
    }
    html += '</tr>\n';
  }

  html += '</table>';

  output.value = html;
  preview.innerHTML = html;
}

// 복사 함수들
function copyLiOutput() {
  var output = document.getElementById('liOutput');
  if (output) {
    output.select();
    document.execCommand('copy');
    alert('HTML이 복사되었습니다.');
  }
}

function copyTableOutput() {
  var output = document.getElementById('tableOutput');
  if (output) {
    output.select();
    document.execCommand('copy');
    alert('HTML이 복사되었습니다.');
  }
}

// 삽입 함수들
function insertLiOutput() {
  var output = document.getElementById('liOutput');
  var target = document.getElementById(currentTextareaId);
  if (output && target) {
    var currentVal = target.value;
    target.value = currentVal + (currentVal ? '\n' : '') + output.value;
    closeHelpModal();
    alert('입력폼에 삽입되었습니다.');
  }
}

function insertTableOutput() {
  var output = document.getElementById('tableOutput');
  var target = document.getElementById(currentTextareaId);
  if (output && target) {
    var currentVal = target.value;
    target.value = currentVal + (currentVal ? '\n' : '') + output.value;
    closeHelpModal();
    alert('입력폼에 삽입되었습니다.');
  }
}

// 초기화 함수들
function clearLiInput() {
  var input = document.getElementById('liInput');
  var output = document.getElementById('liOutput');
  var preview = document.getElementById('liPreview');
  if (input) input.value = '';
  if (output) output.value = '';
  if (preview) preview.innerHTML = '';
}

function clearTableInput() {
  var input = document.getElementById('tableInput');
  var output = document.getElementById('tableOutput');
  var preview = document.getElementById('tablePreview');
  if (input) input.value = '';
  if (output) output.value = '';
  if (preview) preview.innerHTML = '';
}

// 모달 바깥 클릭 시 닫기
document.getElementById('helpModal').addEventListener('click', function(e) {
  if (e.target === this) {
    closeHelpModal();
  }
});
</script>
---코드 끝---


================================================================================
6. mandoo.function.php - textarea 입력폼에 헬퍼 버튼 추가
================================================================================

textarea 타입 case 부분에서 버튼 추가:

---코드 시작---
case 'textarea':
    $v = $value;
    $textarea_id = $id ? $id : 'textarea_' . $i;
    $html .= "<div class='textarea-help-btns' style='margin-bottom:5px;'>";
    $html .= "<button type='button' class='btn-help-li' onclick='openHelpModal(\"li\", \"{$textarea_id}\")' style='padding:4px 10px;font-size:12px;background:#4a90d9;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:5px;'>help_li</button>";
    $html .= "<button type='button' class='btn-help-table' onclick='openHelpModal(\"table\", \"{$textarea_id}\")' style='padding:4px 10px;font-size:12px;background:#5cb85c;color:#fff;border:none;border-radius:4px;cursor:pointer;'>help_테이블</button>";
    $html .= "</div>";
    $html .= "<textarea name='{$name}' id='{$textarea_id}' {$required_attr}" . build_attr('', $class, $style) . ">" . htmlspecialchars($v, ENT_QUOTES) . "</textarea>{$unit}";
    break;
---코드 끝---


mView 함수에도 textarea/html 타입 처리 추가:

---코드 시작---
case 'textarea':
case 'html':
    // textarea/html 타입: HTML 코드를 그대로 출력
    $output = $value;
    break;
---코드 끝---


================================================================================
적용 순서
================================================================================

1. style_view.css 먼저 수정 (CSS 추가)
2. view.skin.php 수정 (핵심 함수)
3. view2.skin.php 수정 (갤러리 스타일2)
4. view_detail.php 수정 (상세뷰)
5. write.skin.php 수정 (모달창 추가)
6. mandoo.function.php 수정 (헬퍼 버튼)


================================================================================
테스트 방법
================================================================================

1. 게시판 관리에서 여분필드 설정: 제품특징|type=textarea
2. 글쓰기에서 help_li, help_테이블 버튼 클릭하여 HTML 생성
3. 글보기(갤러리 스타일2)에서 테이블 밖에 심플하게 출력되는지 확인


================================================================================
7. 첨부파일 삭제 기능 추가 (write.skin.php, write_edit.php)
================================================================================

[문제]
- 그누보드 get_file() 함수가 캐시 문제로 파일 정보를 제대로 가져오지 못함
- 수정 페이지에서 기존 첨부파일이 보이지 않아 삭제 불가

[해결]
- get_file() 대신 DB에서 직접 조회하도록 변경

[7-1] write.skin.php - 첨부파일 조회 코드 수정
위치: 첨부파일 섹션 시작 부분 (attach-section 내부)

---코드 시작---
<?php
// 수정 모드일 때 기존 첨부파일 목록 가져오기
$existing_files = array();
// $w가 'u'이거나 $wr_id가 있으면 수정 모드
$is_edit_mode = (isset($w) && $w === 'u') || (isset($wr_id) && $wr_id > 0);
?>

<?php
// DB에서 직접 첨부파일 조회 (get_file 함수 대신)
if ($is_edit_mode && isset($wr_id) && $wr_id > 0) {
    global $g5;
    $sql = "SELECT * FROM {$g5['board_file_table']} WHERE bo_table = '$bo_table' AND wr_id = '$wr_id' ORDER BY bf_no";
    $result = sql_query($sql);
    while ($row = sql_fetch_array($result)) {
        $bf_no = (int)$row['bf_no'];
        $existing_files[$bf_no] = $row;
    }
}
?>
---코드 끝---


[7-2] 첨부파일 행에 기존 파일 정보 + 삭제 체크박스 표시
위치: foreach ($attach_files as $idx => $file_title) 루프 내부

---코드 시작---
<?php
$file_counter = 0; // 실제 파일 인덱스 카운터 (0부터 시작)
foreach ($attach_files as $idx => $file_title):
$file_idx = $file_counter; // 실제 파일 저장 인덱스
?>
<div class="attach-file-row attach-file-row_style">
  <div class="attach-num attach-num_style">
    <?php echo $file_counter + 1; ?>
  </div>
  <div class="attach-title attach-title-text attach-title-text_style">
    <?php echo htmlspecialchars($file_title); ?>
  </div>
  <div class="attach-input-wrap attach-input-wrap_style">
    <?php if (isset($existing_files[$file_idx])): ?>
    <!-- 기존 파일 있음 -->
    <div class="existing-file-info" style="margin-bottom:8px;padding:10px;background:#e8f5e9;border-radius:6px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;">
      <div style="flex:1;min-width:200px;">
        <a href="<?php echo G5_BBS_URL; ?>/download.php?bo_table=<?php echo $bo_table; ?>&wr_id=<?php echo $wr_id; ?>&no=<?php echo $file_idx; ?>" style="color:#2e7d32;text-decoration:none;font-weight:500;">
          <i class="fas fa-file" style="margin-right:5px;"></i><?php echo htmlspecialchars($existing_files[$file_idx]['bf_source']); ?>
        </a>
        <span style="color:#666;font-size:11px;margin-left:5px;">(<?php echo number_format($existing_files[$file_idx]['bf_filesize']); ?> bytes)</span>
      </div>
      <label style="display:flex;align-items:center;gap:5px;color:#dc3545;font-size:13px;cursor:pointer;white-space:nowrap;">
        <input type="checkbox" name="bf_file_del[<?php echo $file_idx; ?>]" value="1" style="width:16px;height:16px;">
        삭제
      </label>
    </div>
    <?php endif; ?>
    <input type="file"
           name="bf_file[]"
           class="attach-file-input attach-file-input_style"
           data-index="<?php echo $file_idx; ?>"
           title="<?php echo htmlspecialchars($file_title); ?>">
    <?php if (isset($existing_files[$file_idx])): ?>
    <div style="font-size:11px;color:#888;margin-top:4px;">* 새 파일을 선택하면 기존 파일이 교체됩니다.</div>
    <?php endif; ?>
  </div>
</div>
<?php
$file_counter++;
endforeach;
?>
---코드 끝---


[7-3] write_edit.php - 관리자 수정 페이지도 동일하게 수정
변수명만 다름: $existing_files_edit, $file_counter_edit, $file_idx_edit

---코드 시작---
<?php
// DB에서 직접 첨부파일 조회 (get_file 함수 대신)
$existing_files_edit = array();
if (isset($wr_id) && $wr_id > 0) {
    global $g5;
    $sql = "SELECT * FROM {$g5['board_file_table']} WHERE bo_table = '$bo_table' AND wr_id = '$wr_id' ORDER BY bf_no";
    $result = sql_query($sql);
    while ($row = sql_fetch_array($result)) {
        $bf_no = (int)$row['bf_no'];
        $existing_files_edit[$bf_no] = $row;
    }
}
?>
---코드 끝---


[동작 방식]
1. 수정 페이지 진입 시 DB에서 해당 글의 첨부파일 목록 조회
2. bf_no (파일 인덱스)를 키로 하여 $existing_files 배열에 저장
3. 첨부파일 영역에서 해당 인덱스에 파일이 있으면:
   - 초록색 박스로 파일명 표시
   - 다운로드 링크 제공
   - 빨간색 "삭제" 체크박스 표시
4. 삭제 체크 후 저장하면 그누보드 기본 처리로 파일 삭제됨
5. 새 파일 선택 시 기존 파일 교체


================================================================================
8. 리스트 HTML 생성기 출력 형식 (help_li)
================================================================================

리스트 생성기에서 출력되는 HTML 형식:

---코드 시작---
<div class="COM_li li-1d">
  <ul class="dot w500 em-w500 li_pl_20 f_sm lh120 scale-09">
    <li>1단계 항목 내용
      <div class="COM_li li-2d">
        <ul class="dash w400 gray666 em-w500 li_pl_20 lh110 scale-08">
          <li>2단계 하위항목</li>
          <li>2단계 하위항목</li>
        </ul>
      </div>
    </li>
    <li>다음 1단계 항목</li>
  </ul>
</div>
---코드 끝---

클래스 설명:
- w500, w400: 폰트 굵기
- em-w500: 강조 텍스트 굵기
- li_pl_20: 리스트 왼쪽 패딩
- f_sm: 작은 폰트 크기
- lh120, lh110: 줄간격
- scale-09, scale-08: 스케일 조절
- gray666: 회색 텍스트


================================================================================
작성일: 2024년
================================================================================