<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>IT의 신</title>
    <link>https://selfdevelope.tistory.com/</link>
    <description></description>
    <language>ko</language>
    <pubDate>Sat, 1 Aug 2026 13:29:26 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>xemaker</managingEditor>
    <item>
      <title>자바 xss 조치 방법 (에디터 와의 구분 등)</title>
      <link>https://selfdevelope.tistory.com/1100</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;간단하게 테스트로 해보려고 했다&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;owasp-java-htm-sanitizer-20260313.1.jar 를 다운받아서 해봤는데 아래와 같은 에러가 났다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;NoClassDefFoundError:&amp;nbsp;org/owasp/shim/Java8Shim&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래서 검색을 해봤더니, 안정적인 owasp-java-htm-sanitizer-20220608.1.jar 를 받아서 해보라는 거였다. 했는데 안됬다. 제미나이에서 검색을 해봤더니, guava도 받아야 된다고 한다. 그래서 guava-33.6.0.-jre.jar를 다운받았다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그 2개를 lib에 넣고 해봤더니 잘 되었다.&lt;/p&gt;
&lt;div&gt;
&lt;div id=&quot;model-response-message-contentr_9401400d98bc4653&quot;&gt;
&lt;p data-path-to-node=&quot;0&quot; data-ke-size=&quot;size16&quot;&gt;네, &lt;b data-index-in-node=&quot;3&quot; data-path-to-node=&quot;0&quot;&gt;JAR 파일로 제공됩니다.&lt;/b&gt; Maven Central 중앙 저장소에서 독립된 .jar 파일들을 직접 다운로드하여 사용할 수 있습니다.&lt;/p&gt;
&lt;p data-path-to-node=&quot;1&quot; data-ke-size=&quot;size16&quot;&gt;폐쇄망 환경이나 수동으로 외부 라이브러리를 추가해야 하는 경우, 다음 핵심 JAR 파일들을 준비하시면 됩니다.&lt;/p&gt;
&lt;h2 data-path-to-node=&quot;3&quot; data-ke-size=&quot;size26&quot;&gt;1. 필수 다운로드 JAR 목록&lt;/h2&gt;
&lt;p data-path-to-node=&quot;4&quot; data-ke-size=&quot;size16&quot;&gt;OWASP Java HTML Sanitizer를 작동시키려면 &lt;b data-index-in-node=&quot;34&quot; data-path-to-node=&quot;4&quot;&gt;기본 라이브러리 JAR 1개&lt;/b&gt;와 &lt;b data-index-in-node=&quot;51&quot; data-path-to-node=&quot;4&quot;&gt;의존성(Dependency) JAR 2개&lt;/b&gt;, 총 &lt;b data-index-in-node=&quot;77&quot; data-path-to-node=&quot;4&quot;&gt;3개의 JAR 파일&lt;/b&gt;이 필요합니다.&lt;/p&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div data-ved=&quot;0CAAQ3ecQahcKEwiWy_PIkPyVAxUAAAAAHQAAAAAQSw&quot; data-hveid=&quot;0&quot;&gt;분류Artifact Name권장 버전설명
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-path-to-node=&quot;5&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,1,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5,1,0,0&quot;&gt;메인 라이브러리&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,1,1,0&quot;&gt;java-html-sanitizer&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,1,2,0&quot;&gt;20240325.1 (또는 최신)&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,1,3,0&quot;&gt;OWASP HTML Sanitizer Core&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,2,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5,2,0,0&quot;&gt;의존성 1&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,2,1,0&quot;&gt;guava&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,2,2,0&quot;&gt;33.x.x 이상&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,2,3,0&quot;&gt;Google Core Libraries for Java&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,3,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5,3,0,0&quot;&gt;의존성 2&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,3,1,0&quot;&gt;jsr305&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,3,2,0&quot;&gt;3.0.2&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;&lt;span data-path-to-node=&quot;5,3,3,0&quot;&gt;Nullability Annotation 관련 라이브러리&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h2 data-path-to-node=&quot;7&quot; data-ke-size=&quot;size26&quot;&gt;2. JAR 파일 직접 다운로드 방법 (Maven Central)&lt;/h2&gt;
&lt;p data-path-to-node=&quot;8&quot; data-ke-size=&quot;size16&quot;&gt;Maven이나 Gradle 같은 빌드 도구를 사용할 수 없는 환경이라면, &lt;a href=&quot;https://repo1.maven.org/maven2/&quot; data-ved=&quot;0CAAQ_4QMahcKEwiWy_PIkPyVAxUAAAAAHQAAAAAQTQ&quot; data-hveid=&quot;0&quot;&gt;Maven Central Repository&lt;/a&gt;에서 직접 검색하여 .jar 파일만 다운로드받을 수 있습니다.&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-path-to-node=&quot;9&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,0,0&quot;&gt;java-html-sanitizer JAR:&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-path-to-node=&quot;9,0,1&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;Maven Central URL: [&lt;a href=&quot;https://mvnrepository.com/artifact/com.googlecode.owasp-java-html-sanitizer/java-html-sanitizer](https://mvnrepository.com/artifact/com.googlecode.owasp-java-html-sanitizer/java-html-sanitizer)&quot;&gt;https://mvnrepository.com/artifact/com.googlecode.owasp-java-html-sanitizer/java-html-sanitizer](https://mvnrepository.com/artifact/com.googlecode.owasp-java-html-sanitizer/java-html-sanitizer)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;원하는 버전을 클릭한 후 &lt;b data-index-in-node=&quot;14&quot; data-path-to-node=&quot;9,0,1,1,0&quot;&gt;Files&lt;/b&gt; 항목의 jar를 클릭하여 다운로드합니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,1,0&quot;&gt;의존성 JAR (guava, jsr305):&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-path-to-node=&quot;9,1,1&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;프로젝트 내에 이미 Guava 라이브러리가 포함되어 있다면 추가로 받지 않으셔도 됩니다.&lt;/li&gt;
&lt;li&gt;없는 경우 동일하게 MVNRepository에서 guava 및 jsr305를 검색하여 .jar 파일로 받으시면 됩니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 data-path-to-node=&quot;11&quot; data-ke-size=&quot;size26&quot;&gt;3. Java 프로젝트 적용 및 간단 사용 예시&lt;/h2&gt;
&lt;p data-path-to-node=&quot;12&quot; data-ke-size=&quot;size16&quot;&gt;다운로드한 JAR 파일들을 프로젝트의 /WEB-INF/lib/ 경로에 추가(Build Path 등록)한 뒤 다음과 같이 사용할 수 있습니다.&lt;/p&gt;
&lt;div data-ved=&quot;0CAAQhtANahcKEwiWy_PIkPyVAxUAAAAAHQAAAAAQTg&quot; data-hveid=&quot;0&quot;&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;&lt;span&gt;Java&lt;/span&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;pre class=&quot;arduino&quot;&gt;&lt;code&gt;import org.owasp.html.HtmlPolicyBuilder;
import org.owasp.html.PolicyFactory;

public class SanitizerExample {
    public static void main(String[] args) {
        // 1. 허용할 HTML 태그 및 속성 정의 (예: b, i, a 태그만 허용)
        PolicyFactory policy = new HtmlPolicyBuilder()
                .allowElements(&quot;b&quot;, &quot;i&quot;, &quot;a&quot;)
                .allowUrlProtocols(&quot;http&quot;, &quot;https&quot;)
                .allowAttributes(&quot;href&quot;).onElements(&quot;a&quot;)
                .toFactory();

        // 2. 위험한 입력값
        String untrustedHtml = &quot;&amp;lt;script&amp;gt;alert('XSS')&amp;lt;/script&amp;gt; &amp;lt;b&amp;gt;안녕하세요&amp;lt;/b&amp;gt; &amp;lt;a href='javascript:evil()'&amp;gt;링크&amp;lt;/a&amp;gt;&quot;;

        // 3. Sanitizer 적용
        String sanitizedHtml = policy.sanitize(untrustedHtml);

        // 출력 결과: &amp;lt;b&amp;gt;안녕하세요&amp;lt;/b&amp;gt; &amp;lt;a&amp;gt;링크&amp;lt;/a&amp;gt;  (&amp;lt;script&amp;gt; 및 javascript: 스킴 제거됨)
        System.out.println(sanitizedHtml);
    }
}
&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;폐쇄망 환경에서 Maven 종속성(JAR)을 한 번에 패키징해서 다운로드하는 방법이 궁금하신가요?&lt;/div&gt;
&lt;div&gt;&lt;span&gt;예&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
      <category>자바(Java)</category>
      <category>자바 xss 조치 방법</category>
      <category>자바 xss 조치 방법 에디터</category>
      <author>xemaker</author>
      <guid isPermaLink="true">https://selfdevelope.tistory.com/1100</guid>
      <comments>https://selfdevelope.tistory.com/1100#entry1100comment</comments>
      <pubDate>Fri, 31 Jul 2026 15:16:10 +0900</pubDate>
    </item>
    <item>
      <title>자바 mybatis List&amp;lt;HashMap&amp;lt;String,Object&amp;gt;&amp;gt; list 가 값이 없으면 null 이야?</title>
      <link>https://selfdevelope.tistory.com/1099</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;하.. 급하게 하는 바람에 정신 없었다. 정리를 해보면.. 결론은 자바에서 마이바티스 call을 한 결과는 null 이 없다고 한다. 제미나이 질의, 답변 결과이다.&lt;br /&gt;&lt;br /&gt;&lt;u&gt;&lt;b&gt;자바&amp;nbsp;mybatis&amp;nbsp;List&amp;lt;HashMap&amp;lt;String,Object&amp;gt;&amp;gt;&amp;nbsp;list&amp;nbsp;가&amp;nbsp;값이&amp;nbsp;없으면&amp;nbsp;null&amp;nbsp;이야?&lt;/b&gt;&lt;/u&gt; &lt;br /&gt;&lt;br /&gt;아니요,&amp;nbsp;마이바티스(MyBatis)에서&amp;nbsp;조회&amp;nbsp;결과가&amp;nbsp;없으면&amp;nbsp;List&amp;nbsp;객체&amp;nbsp;자체는&amp;nbsp;null이&amp;nbsp;아니라&amp;nbsp;비어&amp;nbsp;있는&amp;nbsp;리스트(size()&amp;nbsp;==&amp;nbsp;0&amp;nbsp;또는&amp;nbsp;isEmpty()&amp;nbsp;==&amp;nbsp;true)로&amp;nbsp;반환되는&amp;nbsp;것이&amp;nbsp;기본입니다. &lt;br /&gt;&lt;br /&gt;리스트와&amp;nbsp;내부&amp;nbsp;데이터&amp;nbsp;상태리스트&amp;nbsp;객체&amp;nbsp;자체:&amp;nbsp;조회&amp;nbsp;결과가&amp;nbsp;없어도&amp;nbsp;마이바티스가&amp;nbsp;빈&amp;nbsp;리스트&amp;nbsp;객체([])를&amp;nbsp;만들어&amp;nbsp;주므로&amp;nbsp;보통&amp;nbsp;null이&amp;nbsp;아닙니다. &lt;br /&gt;&lt;br /&gt;리스트&amp;nbsp;내부의&amp;nbsp;맵(HashMap):&amp;nbsp;데이터가&amp;nbsp;아예&amp;nbsp;없으면&amp;nbsp;리스트&amp;nbsp;크기가&amp;nbsp;0이며,&amp;nbsp;데이터는&amp;nbsp;있으나&amp;nbsp;특정&amp;nbsp;컬럼&amp;nbsp;값이&amp;nbsp;null인&amp;nbsp;경우&amp;nbsp;마이바티스&amp;nbsp;설정에&amp;nbsp;따라&amp;nbsp;맵에서&amp;nbsp;해당&amp;nbsp;키(Key)&amp;nbsp;자체가&amp;nbsp;생략될&amp;nbsp;수&amp;nbsp;있습니다. &lt;br /&gt;&lt;br /&gt;체크해야&amp;nbsp;할&amp;nbsp;점Null&amp;nbsp;체크만&amp;nbsp;하면&amp;nbsp;위험:&amp;nbsp;list&amp;nbsp;==&amp;nbsp;null만&amp;nbsp;확인하면&amp;nbsp;빈&amp;nbsp;리스트일&amp;nbsp;때&amp;nbsp;IndexOutOfBoundsException&amp;nbsp;등이&amp;nbsp;날&amp;nbsp;수&amp;nbsp;있으므로&amp;nbsp;list.isEmpty()를&amp;nbsp;함께&amp;nbsp;써야&amp;nbsp;안전합니다. &lt;br /&gt;&lt;br /&gt;설정에&amp;nbsp;따른&amp;nbsp;차이:&amp;nbsp;만약&amp;nbsp;null인지&amp;nbsp;확인하고&amp;nbsp;싶다면&amp;nbsp;list&amp;nbsp;==&amp;nbsp;null&amp;nbsp;||&amp;nbsp;list.isEmpty()&amp;nbsp;형태나&amp;nbsp;org.springframework.util.CollectionUtils.isEmpty(list)를&amp;nbsp;사용하는&amp;nbsp;것이&amp;nbsp;좋습니다. &lt;br /&gt;&lt;br /&gt;&lt;u&gt;&lt;b&gt;그럼&amp;nbsp;for(HashMap&amp;lt;String,Object&amp;gt;&amp;nbsp;map:&amp;nbsp;list)&amp;nbsp;이렇게&amp;nbsp;쓰면&amp;nbsp;안전해?&lt;/b&gt;&lt;/u&gt; &lt;br /&gt;&lt;br /&gt;네,&amp;nbsp;안전합니다.&amp;nbsp;list가&amp;nbsp;빈&amp;nbsp;리스트(size&amp;nbsp;==&amp;nbsp;0)일&amp;nbsp;때&amp;nbsp;이&amp;nbsp;향상된&amp;nbsp;for문(for-each)은&amp;nbsp;예외(Exception)를&amp;nbsp;발생시키지&amp;nbsp;않고&amp;nbsp;그냥&amp;nbsp;내부&amp;nbsp;코드를&amp;nbsp;실행하지&amp;nbsp;않은&amp;nbsp;채&amp;nbsp;안전하게&amp;nbsp;넘어갑니다. &lt;br /&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>자바(Java)</category>
      <category>자바</category>
      <category>자바 mybatis null</category>
      <author>xemaker</author>
      <guid isPermaLink="true">https://selfdevelope.tistory.com/1099</guid>
      <comments>https://selfdevelope.tistory.com/1099#entry1099comment</comments>
      <pubDate>Mon, 27 Jul 2026 10:27:43 +0900</pubDate>
    </item>
    <item>
      <title>라이믹스 입력폼. 후원신청서</title>
      <link>https://selfdevelope.tistory.com/1098</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;라이믹스 후원신청서 입력폼&lt;/p&gt;
&lt;pre id=&quot;code_1783655465711&quot; class=&quot;html xml&quot; data-ke-language=&quot;html&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=&quot;ko&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
    &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&amp;gt;
    &amp;lt;title&amp;gt;후원신청서 수정본&amp;lt;/title&amp;gt;

    &amp;lt;!-- 외부 라이브러리 (서명 패드 및 jQuery) --&amp;gt;
    &amp;lt;script src=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;
    &amp;lt;script src=&quot;https://cdn.jsdelivr.net/npm/signature_pad@4.0.0/dist/signature_pad.umd.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;
    &amp;lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;

    &amp;lt;style&amp;gt;
        /* 1. 전체 래퍼 */
        .dm-form-wrap {
            max-width: 800px;
            margin: 0 auto;
            padding: 40px 20px;
            font-family: 'Noto Sans KR', sans-serif;
            color: #333;
        }

        /* 2. 타이틀 영역 */
        .dm-form-title {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 2px solid #333;
            color: #111;
        }

        .dm-sub-title {
            font-size: 19px;
            font-weight: 700;
            margin-top: 50px;
            margin-bottom: 15px;
            color: #007aff;
            position: relative;
            padding-left: 12px;
        }

        .dm-sub-title::before {
            content: '';
            display: block;
            width: 4px;
            height: 18px;
            background: #007aff;
            position: absolute;
            left: 0;
            top: 5px;
        }

        /* 3. 입력 테이블 스타일 */
        .dm-form-table {
            width: 100%;
            border-top: 2px solid #333;
            border-collapse: collapse;
        }

        .dm-form-table th, .dm-form-table td {
            padding: 15px;
            border-bottom: 1px solid #ddd;
            font-size: 15px;
            vertical-align: middle;
            line-height: 1.5;
        }

        .dm-form-table th {
            background: #f7f9fb;
            width: 180px;
            font-weight: 700;
            text-align: left;
            color: #333;
            word-break: keep-all;
        }

        /* 입력창 공통 스타일 */
        .dm-input, .dm-select {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
            font-size: 15px;
            position: relative;
            z-index: 10;
        }

        .dm-input:focus, .dm-select:focus {
            border-color: #007aff;
            outline: none;
        }

        /* 라디오/체크박스 클릭 오류 해결 (철벽 방어) */
        .dm-radio-group .dm-radio-item {
            display: inline-block;
            margin-right: 20px;
            margin-bottom: 8px;
        }
        
        .dm-radio-group .dm-radio-item-block {
            display: block;
            margin-bottom: 10px;
        }

        .dm-radio-group input[type=&quot;radio&quot;], 
        .dm-radio-group input[type=&quot;checkbox&quot;] { 
            margin-right: 6px; 
            width: 18px;
            height: 18px;
            vertical-align: middle;
            cursor: pointer;
            position: relative;
            z-index: 10; 
        }

        .dm-radio-group label {
            cursor: pointer;
            vertical-align: middle;
            word-break: keep-all;
            position: relative;
            z-index: 10;
        }

        /* 부가 설명 텍스트 */
        .dm-help-text {
            display: block;
            font-size: 13px;
            color: #666;
            margin-top: 5px;
        }

        /* 4. 약관 동의 그룹 */
        .dm-term-group { margin-bottom: 25px; }
        .dm-term-title { font-weight: 700; margin-bottom: 8px; font-size: 15px; color: #222; }
        .dm-term-box {
            border: 1px solid #ddd;
            background: #f9f9f9;
            padding: 15px;
            font-size: 14px;
            color: #555;
            line-height: 1.6;
            border-radius: 4px;
            margin-bottom: 10px;
        }
        .dm-agree-check { text-align: left; font-size: 15px; font-weight: 700; }

        /* 5. 스마트폰 서명란 전용 스타일 */
        .dm-signature-wrap {
            border: 2px dashed #007aff;
            border-radius: 8px;
            background: #fdfdfd;
            position: relative;
            margin-top: 15px;
        }
        .dm-signature-pad {
            width: 100%;
            height: 200px;
            touch-action: none;
        }
        .dm-sig-clear-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #fff;
            border: 1px solid #ccc;
            padding: 5px 10px;
            font-size: 12px;
            border-radius: 4px;
            cursor: pointer;
        }

        /* 6. 버튼 영역 */
        .dm-btn-wrap { margin-top: 50px; text-align: center; }
        .dm-btn {
            display: inline-block;
            min-width: 160px;
            padding: 15px 30px;
            font-size: 18px;
            font-weight: 700;
            text-align: center;
            border: none;
            cursor: pointer;
            border-radius: 5px;
        }
        .dm-btn-submit { background: #007aff; color: #fff; }
        .dm-btn-cancel { background: #666; color: #fff; margin-left: 10px; }

        /* 모바일 반응형 처리 */
        @media screen and (max-width: 768px) {
            .dm-form-table th, .dm-form-table td { display: block; width: 100%; border-bottom: none; padding: 10px 15px; }
            .dm-form-table th { background: none; padding-bottom: 0; padding-top: 20px; font-size: 15px; color: #007aff; }
            .dm-form-table td { border-bottom: 1px solid #eee; padding-bottom: 20px; }
            .dm-radio-group .dm-radio-item { display: block; margin-bottom: 10px; }
            .dm-btn { width: 100%; margin-left: 0; margin-bottom: 10px; }
        }
    &amp;lt;/style&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;

&amp;lt;div class=&quot;dm-form-wrap&quot; id=&quot;pdf-content-area&quot;&amp;gt;
    
    &amp;lt;div class=&quot;dm-form-title&quot;&amp;gt;후원신청서&amp;lt;/div&amp;gt;
    &amp;lt;p style=&quot;margin-bottom: 30px; color: #555; line-height: 1.6;&quot;&amp;gt;
        아이들의 꿈을 응원해주셔서 감사합니다.&amp;lt;br&amp;gt;
        &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt; 표시는 필수 질문입니다.
    &amp;lt;/p&amp;gt;

    &amp;lt;input type=&quot;hidden&quot; id=&quot;agency_email&quot; name=&quot;agency_email&quot; value=&quot;dongmyeong@example.com&quot;&amp;gt;

    &amp;lt;form id=&quot;sponsorship_form&quot; action=&quot;#&quot; method=&quot;post&quot;&amp;gt;
        
        &amp;lt;div class=&quot;dm-sub-title&quot;&amp;gt;1. 후원 방식 및 종류&amp;lt;/div&amp;gt;
        &amp;lt;table class=&quot;dm-form-table&quot;&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;후원 방식 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td class=&quot;dm-radio-group&quot;&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;st_1&quot; name=&quot;support_type&quot; value=&quot;정기후원&quot; checked&amp;gt;
                        &amp;lt;label for=&quot;st_1&quot;&amp;gt;정기후원&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;st_2&quot; name=&quot;support_type&quot; value=&quot;일시후원&quot;&amp;gt;
                        &amp;lt;label for=&quot;st_2&quot;&amp;gt;일시후원&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;후원 종류 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td class=&quot;dm-radio-group&quot;&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;sc_3&quot; name=&quot;support_category&quot; value=&quot;지정 후원 (후원자 의도에 맞게)&quot; checked&amp;gt;
                        &amp;lt;label for=&quot;sc_3&quot;&amp;gt;지정 후원 (후원자 의도에 맞게)&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;sc_4&quot; name=&quot;support_category&quot; value=&quot;비지정 후원 (기관 용도에 맞게)&quot;&amp;gt;
                        &amp;lt;label for=&quot;sc_4&quot;&amp;gt;비지정 후원 (기관 용도에 맞게)&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;sc_2&quot; name=&quot;support_category&quot; value=&quot;아동 결연 후원 (아동에게만 후원)&quot;&amp;gt;
                        &amp;lt;label for=&quot;sc_2&quot;&amp;gt;아동 결연 후원 (아동에게만 후원)&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;sc_1&quot; name=&quot;support_category&quot; value=&quot;아동숙사(1인실) 리모델링 후원&quot;&amp;gt;
                        &amp;lt;label for=&quot;sc_1&quot;&amp;gt;아동숙사(1인실) 리모델링 후원&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
			&amp;lt;tr&amp;gt;
				&amp;lt;th&amp;gt;후원 금액 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
				&amp;lt;td class=&quot;dm-radio-group&quot;&amp;gt;
					&amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
						&amp;lt;input type=&quot;radio&quot; id=&quot;sa_1&quot; name=&quot;support_amount&quot; value=&quot;100000&quot;&amp;gt;
						&amp;lt;label for=&quot;sa_1&quot;&amp;gt;100,000원&amp;lt;/label&amp;gt;
					&amp;lt;/div&amp;gt;
					&amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
						&amp;lt;input type=&quot;radio&quot; id=&quot;sa_2&quot; name=&quot;support_amount&quot; value=&quot;50000&quot;&amp;gt;
						&amp;lt;label for=&quot;sa_2&quot;&amp;gt;50,000원&amp;lt;/label&amp;gt;
					&amp;lt;/div&amp;gt;
					&amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
						&amp;lt;input type=&quot;radio&quot; id=&quot;sa_3&quot; name=&quot;support_amount&quot; value=&quot;30000&quot; checked&amp;gt;
						&amp;lt;label for=&quot;sa_3&quot;&amp;gt;30,000원&amp;lt;/label&amp;gt;
					&amp;lt;/div&amp;gt;
					&amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
						&amp;lt;input type=&quot;radio&quot; id=&quot;sa_4&quot; name=&quot;support_amount&quot; value=&quot;20000&quot;&amp;gt;
						&amp;lt;label for=&quot;sa_4&quot;&amp;gt;20,000원&amp;lt;/label&amp;gt;
					&amp;lt;/div&amp;gt;
					&amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
						&amp;lt;input type=&quot;radio&quot; id=&quot;sa_5&quot; name=&quot;support_amount&quot; value=&quot;기타&quot;&amp;gt;
						&amp;lt;label for=&quot;sa_5&quot;&amp;gt;기타:&amp;lt;/label&amp;gt;
						&amp;lt;input type=&quot;text&quot; name=&quot;support_amount_custom&quot; class=&quot;dm-input&quot; style=&quot;width: 150px; margin-left: 8px; display: inline-block;&quot;&amp;gt; 원
					&amp;lt;/div&amp;gt;
				&amp;lt;/td&amp;gt;
			&amp;lt;/tr&amp;gt;
            &amp;lt;tr id=&quot;support_period_row&quot;&amp;gt;
                &amp;lt;th&amp;gt;후원기간 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td class=&quot;dm-radio-group&quot;&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;sp_1&quot; name=&quot;support_period&quot; value=&quot;1년&quot; checked&amp;gt;
                        &amp;lt;label for=&quot;sp_1&quot;&amp;gt;1년&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;sp_2&quot; name=&quot;support_period&quot; value=&quot;3년&quot;&amp;gt;
                        &amp;lt;label for=&quot;sp_2&quot;&amp;gt;3년&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;sp_3&quot; name=&quot;support_period&quot; value=&quot;5년&quot;&amp;gt;
                        &amp;lt;label for=&quot;sp_3&quot;&amp;gt;5년&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;sp_custom&quot; name=&quot;support_period&quot; value=&quot;직접등록&quot;&amp;gt;
                        &amp;lt;label for=&quot;sp_custom&quot;&amp;gt;직접등록&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div id=&quot;sp_custom_wrap&quot; style=&quot;display: none; margin-top: 8px;&quot;&amp;gt;
                        &amp;lt;input type=&quot;text&quot; id=&quot;sp_custom_input&quot; name=&quot;support_period_custom&quot; class=&quot;dm-input&quot; style=&quot;width: 180px; display: inline-block;&quot; placeholder=&quot;예: 2년 또는 24개월&quot;&amp;gt;
                    &amp;lt;/div&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
        &amp;lt;/table&amp;gt;

        &amp;lt;div class=&quot;dm-sub-title&quot;&amp;gt;2. 후원회원정보&amp;lt;/div&amp;gt;
        &amp;lt;table class=&quot;dm-form-table&quot;&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;회원구분 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td class=&quot;dm-radio-group&quot;&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;mt_1&quot; name=&quot;member_type&quot; value=&quot;개인&quot; checked&amp;gt;
                        &amp;lt;label for=&quot;mt_1&quot;&amp;gt;개인&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;mt_2&quot; name=&quot;member_type&quot; value=&quot;사업자&quot;&amp;gt;
                        &amp;lt;label for=&quot;mt_2&quot;&amp;gt;사업자&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th id=&quot;member_name_label&quot;&amp;gt;후원회원명 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td&amp;gt;&amp;lt;input type=&quot;text&quot; id=&quot;member_name_input&quot; name=&quot;member_name&quot; class=&quot;dm-input&quot; placeholder=&quot;이름을 작성해주세요&quot; required&amp;gt;&amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;기부금영수증&amp;lt;br&amp;gt;발급여부 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td class=&quot;dm-radio-group&quot;&amp;gt;
                   &amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
						&amp;lt;input type=&quot;radio&quot; id=&quot;rr_1&quot; name=&quot;receipt_req&quot; value=&quot;Y&quot;&amp;gt;
						&amp;lt;label for=&quot;rr_1&quot; id=&quot;receipt_req_label_1&quot;&amp;gt;발급신청 (하단 질문에 주민등록번호를 작성해주세요)&amp;lt;/label&amp;gt;
					&amp;lt;/div&amp;gt;
					&amp;lt;div class=&quot;dm-radio-item-block&quot;&amp;gt;
						&amp;lt;input type=&quot;radio&quot; id=&quot;rr_2&quot; name=&quot;receipt_req&quot; value=&quot;N&quot; checked&amp;gt;
						&amp;lt;label for=&quot;rr_2&quot;&amp;gt;신청안함&amp;lt;/label&amp;gt;
					&amp;lt;/div&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th id=&quot;reg_num_label&quot;&amp;gt;주민등록번호&amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td&amp;gt;
                    &amp;lt;input type=&quot;text&quot; id=&quot;reg_num_input&quot; name=&quot;reg_num&quot; class=&quot;dm-input&quot; placeholder=&quot;예) 800101-1234567&quot;&amp;gt;
                    &amp;lt;span id=&quot;reg_num_help&quot; class=&quot;dm-help-text&quot;&amp;gt;후원자 시스템 등록 및 기부금영수증 발급에 필요합니다. 주민등록번호를 작성해주세요.&amp;lt;/span&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;연락처 (휴대전화) &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td&amp;gt;&amp;lt;input type=&quot;text&quot; name=&quot;phone&quot; class=&quot;dm-input&quot; placeholder=&quot;예) 010-0000-0000&quot; required&amp;gt;&amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;이메일 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td&amp;gt;&amp;lt;input type=&quot;email&quot; name=&quot;email&quot; class=&quot;dm-input&quot; placeholder=&quot;example@email.com&quot; required&amp;gt;&amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;주소 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td&amp;gt;
                    &amp;lt;input type=&quot;text&quot; name=&quot;address&quot; class=&quot;dm-input&quot; placeholder=&quot;도로명 주소(새주소)를 상세히 작성해주세요&quot; required&amp;gt;
                    &amp;lt;span class=&quot;dm-help-text&quot;&amp;gt; 기부금 영수증 발송 등에 활용되므로 도로명 주소로 정확히 적어주세요.&amp;lt;/span&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
        &amp;lt;/table&amp;gt;

        &amp;lt;div class=&quot;dm-sub-title&quot;&amp;gt;3. 출금 정보&amp;lt;/div&amp;gt;
        &amp;lt;table class=&quot;dm-form-table&quot;&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;예금주명 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td&amp;gt;&amp;lt;input type=&quot;text&quot; class=&quot;dm-input&quot; placeholder=&quot;예금주 성함&quot; name=&quot;depositor_name&quot; required&amp;gt;&amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th id=&quot;depositor_birth_label&quot;&amp;gt;예금주 생년월일 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td&amp;gt;
                    &amp;lt;input type=&quot;text&quot; id=&quot;depositor_birth_input&quot; name=&quot;depositor_birth&quot; class=&quot;dm-input&quot; placeholder=&quot;예금주 생년월일 6자리&quot; required&amp;gt;
                    &amp;lt;span id=&quot;depositor_birth_help&quot; class=&quot;dm-help-text&quot;&amp;gt;(주민번호 앞 6자리)&amp;lt;/span&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;은행 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td&amp;gt;
                    &amp;lt;input type=&quot;text&quot; name=&quot;bank_name&quot; class=&quot;dm-input&quot; placeholder=&quot;은행명을 직접 작성해주세요 (예: 국민은행)&quot; required style=&quot;max-width: 300px;&quot;&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;계좌번호 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td&amp;gt;
                    &amp;lt;input type=&quot;text&quot; class=&quot;dm-input&quot; name=&quot;account_num&quot; required&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;
                &amp;lt;th&amp;gt;자동이체 출금일 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/th&amp;gt;
                &amp;lt;td class=&quot;dm-radio-group&quot;&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;pd_1&quot; name=&quot;pay_date&quot; value=&quot;1일&quot; checked&amp;gt;
                        &amp;lt;label for=&quot;pd_1&quot;&amp;gt;1일&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;pd_2&quot; name=&quot;pay_date&quot; value=&quot;5일&quot;&amp;gt;
                        &amp;lt;label for=&quot;pd_2&quot;&amp;gt;5일&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;pd_3&quot; name=&quot;pay_date&quot; value=&quot;10일&quot;&amp;gt;
                        &amp;lt;label for=&quot;pd_3&quot;&amp;gt;10일&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                    &amp;lt;div class=&quot;dm-radio-item&quot;&amp;gt;
                        &amp;lt;input type=&quot;radio&quot; id=&quot;pd_4&quot; name=&quot;pay_date&quot; value=&quot;15일&quot;&amp;gt;
                        &amp;lt;label for=&quot;pd_4&quot;&amp;gt;15일&amp;lt;/label&amp;gt;
                    &amp;lt;/div&amp;gt;
                &amp;lt;/td&amp;gt;
            &amp;lt;/tr&amp;gt;
        &amp;lt;/table&amp;gt;

        &amp;lt;div class=&quot;dm-sub-title&quot;&amp;gt;4. 이용 동의서 및 서명&amp;lt;/div&amp;gt;
        
        &amp;lt;div class=&quot;dm-term-group&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-term-title&quot;&amp;gt;[전자기부금영수증 안내] &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
            &amp;lt;div class=&quot;dm-term-box&quot;&amp;gt;
                * 동명아동복지센터는 기부금에 대해 전자기부금영수증을 발급합니다.&amp;lt;br&amp;gt;
                * 발급된 영수증은 국세청 연말정산 간소화 서비스에 자동 반영되며, 별도의 종이 영수증은 제공되지 않습니다.&amp;lt;br&amp;gt;
                * 기부금 내역은 국세청 홈택스(www.hometax.go.kr)에서 확인하실 수 있습니다.
            &amp;lt;/div&amp;gt;
            &amp;lt;input type=&quot;hidden&quot; name=&quot;term_title_0&quot; value=&quot;전자기부금영수증 안내&quot;&amp;gt;
            &amp;lt;input type=&quot;hidden&quot; name=&quot;term_content_0&quot; value=&quot;우리 기관은 기부금에 대해 전자기부금영수증을 발급합니다. 발급된 영수증은 국세청 연말정산 간소화 서비스에 자동 반영되며, 별도의 종이 영수증은 제공되지 않습니다. 기부금 내역은 국세청 홈택스에서 확인하실 수 있습니다.&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-agree-check dm-radio-group&quot;&amp;gt;
                &amp;lt;input type=&quot;checkbox&quot; id=&quot;ag_0&quot; name=&quot;agree_0&quot; value=&quot;Y&quot; required&amp;gt; &amp;lt;label for=&quot;ag_0&quot;&amp;gt;확인했습니다.&amp;lt;/label&amp;gt;
            &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;

        &amp;lt;div class=&quot;dm-term-group&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-term-title&quot;&amp;gt;[CMS자동이체 안내사항] &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
            &amp;lt;div class=&quot;dm-term-box&quot;&amp;gt;
                CMS 자동이체 신청을 위해 후원신청 완료 후 ARS를 통해 &amp;lt;출금동의 증빙자료 제출 과정&amp;gt;이 진행됩니다.
            &amp;lt;/div&amp;gt;
            &amp;lt;input type=&quot;hidden&quot; name=&quot;term_title_1&quot; value=&quot;CMS자동이체 안내사항&quot;&amp;gt;
            &amp;lt;input type=&quot;hidden&quot; name=&quot;term_content_1&quot; value=&quot;CMS 자동이체 신청을 위해 후원신청 완료 후 ARS를 통해 '출금동의 증빙자료' 제출 과정이 진행됩니다.&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-agree-check dm-radio-group&quot;&amp;gt;
                &amp;lt;input type=&quot;checkbox&quot; id=&quot;ag_1&quot; name=&quot;agree_1&quot; value=&quot;Y&quot; required&amp;gt; &amp;lt;label for=&quot;ag_1&quot;&amp;gt;확인했습니다.&amp;lt;/label&amp;gt;
            &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;

        &amp;lt;div class=&quot;dm-term-group&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-term-title&quot;&amp;gt;[금융거래 정보 제공 동의서] &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
            &amp;lt;div class=&quot;dm-term-box&quot;&amp;gt;
                본 신청과 관련하여 본인은 위 금융거래정보(거래은행명, 계좌번호)를 출금이체 신규 신청하는 때로부터 해지 신청할 때까지 (사)비영리아이티지원센터와 CMS 출금이체 계약을 체결한 수납기관에 제공하는 것에 대하여 '금융실명거래 및 비밀보장에 관한 법률'의 규정에 따라 동의합니다.
            &amp;lt;/div&amp;gt;
            &amp;lt;input type=&quot;hidden&quot; name=&quot;term_title_2&quot; value=&quot;금융거래 정보 제공 동의서&quot;&amp;gt;
            &amp;lt;input type=&quot;hidden&quot; name=&quot;term_content_2&quot; value=&quot;본 신청과 관련하여 본인은 위 금융거래정보를 출금이체 신규 신청 시부터 해지 시까지 수납기관에 제공하는 것에 대하여 금융실명거래 및 비밀보장에 관한 법률에 따라 동의합니다.&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-agree-check dm-radio-group&quot;&amp;gt;
                &amp;lt;input type=&quot;checkbox&quot; id=&quot;ag_2&quot; name=&quot;agree_2&quot; value=&quot;Y&quot; required&amp;gt; &amp;lt;label for=&quot;ag_2&quot;&amp;gt;동의합니다.&amp;lt;/label&amp;gt;
            &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;

        &amp;lt;div class=&quot;dm-term-group&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-term-title&quot;&amp;gt;[개인정보 이용 동의서] &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
            &amp;lt;div class=&quot;dm-term-box&quot;&amp;gt;
                1. 수집 및 이용목적 : CMS출금이체를 통한 요금 수납&amp;lt;br&amp;gt;
                2. 수집항목 : 성명, 휴대전화, 금융기관명, 계좌번호&amp;lt;br&amp;gt;
                3. 보유 및 이용기간 : 수집 및 이용동의일로부터 CMS출금이체 종료일(해지일)후 5년
            &amp;lt;/div&amp;gt;
            &amp;lt;input type=&quot;hidden&quot; name=&quot;term_title_3&quot; value=&quot;개인정보 이용 동의서&quot;&amp;gt;
            &amp;lt;input type=&quot;hidden&quot; name=&quot;term_content_3&quot; value=&quot;1. 수집 및 이용목적 : CMS출금이체를 통한 요금 수납 2. 수집항목 : 성명, 휴대전화, 금융기관명, 계좌번호 3. 보유 및 이용기간 : 수집 및 이용동의일로부터 CMS출금이체 종료일후 5년&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-agree-check dm-radio-group&quot;&amp;gt;
                &amp;lt;input type=&quot;checkbox&quot; id=&quot;ag_3&quot; name=&quot;agree_3&quot; value=&quot;Y&quot; required&amp;gt; &amp;lt;label for=&quot;ag_3&quot;&amp;gt;동의합니다.&amp;lt;/label&amp;gt;
            &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;

        &amp;lt;div class=&quot;dm-term-group&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-term-title&quot;&amp;gt;[개인정보 3자 제공 동의서] &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
            &amp;lt;div class=&quot;dm-term-box&quot;&amp;gt;
                신청자는 개인정보에 대해 금융결제원에게 제공하는 것을 거부할 권리가 있습니다. &amp;lt;br&amp;gt;
* 정보를 제공받는 자 : 금융결제원, 후원기관 &amp;lt;br&amp;gt;* 제공목적 : CMS 출금이체 서비스 제공 및 출금동의확인
            &amp;lt;/div&amp;gt;
            &amp;lt;input type=&quot;hidden&quot; name=&quot;term_title_4&quot; value=&quot;개인정보 3자 제공 동의서&quot;&amp;gt;
            &amp;lt;input type=&quot;hidden&quot; name=&quot;term_content_4&quot; value=&quot;정보를 제공받는 자 : 금융결제원, 후원기관 / 제공목적 : CMS 출금이체 서비스 제공 및 출금동의확인, 출금이체 신규등록 및 해지 사실통지&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-agree-check dm-radio-group&quot;&amp;gt;
                &amp;lt;input type=&quot;checkbox&quot; id=&quot;ag_4&quot; name=&quot;agree_4&quot; value=&quot;Y&quot; required&amp;gt; &amp;lt;label for=&quot;ag_4&quot;&amp;gt;동의합니다.&amp;lt;/label&amp;gt;
            &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;

        &amp;lt;div class=&quot;dm-term-group&quot; style=&quot;margin-top:40px;&quot;&amp;gt;
            &amp;lt;div class=&quot;dm-term-title&quot;&amp;gt;후원자 서명 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
            &amp;lt;p style=&quot;font-size:14px; color:#666; margin-bottom:10px;&quot;&amp;gt;아래 네모 박스 안에 마우스나 손가락으로 서명해 주세요.&amp;lt;/p&amp;gt;
            &amp;lt;div class=&quot;dm-signature-wrap&quot;&amp;gt;
                &amp;lt;canvas id=&quot;signature-pad&quot; class=&quot;dm-signature-pad&quot;&amp;gt;&amp;lt;/canvas&amp;gt;
                &amp;lt;button type=&quot;button&quot; class=&quot;dm-sig-clear-btn&quot; id=&quot;clear-signature&quot;&amp;gt;다시 쓰기&amp;lt;/button&amp;gt;
            &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;

        &amp;lt;div class=&quot;dm-btn-wrap&quot;&amp;gt;
            &amp;lt;button type=&quot;submit&quot; class=&quot;btn_submit dm-btn dm-btn-submit&quot;&amp;gt;제출 및 서명완료&amp;lt;/button&amp;gt;
        &amp;lt;/div&amp;gt;

    &amp;lt;/form&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;script&amp;gt;
    // 회원구분 변경 시 UI 동적 전환
    $('input[name=&quot;member_type&quot;]').on('change', function() {
        const memberType = $(this).attr('id');
        
        if (memberType === 'mt_1') { // 개인 선택 시
            // 2. 후원회원정보 영역 변경
            $('#member_name_label').html('후원회원명 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;');
            $('#member_name_input').attr('placeholder', '이름을 작성하세요');
            
            $('#receipt_req_label_1').text('발급신청 (하단 질문에 주민등록번호를 작성해주세요)');
            
            $('#reg_num_label').html('주민등록번호 작성 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;');
            $('#reg_num_input').attr('placeholder', '예) 800101-1234567');
            $('#reg_num_help').text('국세청 연말정산간소화서비스를 통해 기부금영수증을 발급받으시려면 주민등록번호를 작성해주세요.');
            
            // 3. 출금 정보 영역 변경
            $('#depositor_birth_label').html('예금주 생년월일 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;');
            $('#depositor_birth_input').attr('placeholder', '예금주 생년월일 6자리');
            $('#depositor_birth_help').text('(주민번호 앞 6자리)');
            
        } else if (memberType === 'mt_2') { // 사업자 선택 시
            // 2. 후원회원정보 영역 변경
            $('#member_name_label').html('후원회원명(사업자명) &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;');
            $('#member_name_input').attr('placeholder', '사업자명을 작성해주세요');
            
            $('#receipt_req_label_1').text('발급신청 (하단 질문에 사업자등록번호를 작성해주세요)');
            
            $('#reg_num_label').html('사업자등록번호 입력 &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;');
            $('#reg_num_input').attr('placeholder', '예) 123-45-67890');
            $('#reg_num_help').text('기부금영수증을 발급받으시려면 사업자등록번호를 작성해주세요.');
            
            // 3. 출금 정보 영역 변경
            $('#depositor_birth_label').html('사업자등록번호 (또는 생년월일) &amp;lt;span style=&quot;color:red&quot;&amp;gt;*&amp;lt;/span&amp;gt;');
            $('#depositor_birth_input').attr('placeholder', '사업자등록번호 10자리 (또는 생년월일 6자리)');
            $('#depositor_birth_help').text('(사업자등록번호 10자리 또는 생년월일 6자리를 작성해주세요)');
        }
    });

    // 후원 방식(정기/일시) 변경 시 후원기간 노출 전환
    $('input[name=&quot;support_type&quot;]').on('change', function() {
        const supportType = $(this).attr('id');
        if (supportType === 'st_2') { // 일시후원 선택 시
            $('#support_period_row').hide();
        } else { // 정기후원 선택 시
            $('#support_period_row').show();
        }
    });

    // 후원기간 직접등록 선택 시 입력창 노출 전환
    $('input[name=&quot;support_period&quot;]').on('change', function() {
        if ($(this).attr('id') === 'sp_custom') {
            $('#sp_custom_wrap').show();
            $('#sp_custom_input').focus();
        } else {
            $('#sp_custom_wrap').hide();
            $('#sp_custom_input').val('');
        }
    });

    // 1. 도화지(Canvas) 세팅
    const canvas = document.getElementById('signature-pad');
    
    function resizeCanvas() {
        const ratio =  Math.max(window.devicePixelRatio || 1, 1);
        canvas.width = canvas.offsetWidth * ratio;
        canvas.height = canvas.offsetHeight * ratio;
        canvas.getContext(&quot;2d&quot;).scale(ratio, ratio);
    }
    window.addEventListener(&quot;resize&quot;, resizeCanvas);
    resizeCanvas();

    // 2. 서명 패드 라이브러리 실행
    const signaturePad = new SignaturePad(canvas, {
        penColor: &quot;rgb(0, 0, 0)&quot;,
        backgroundColor: &quot;rgb(255, 255, 255)&quot;
    });

    // 3. 다시 쓰기 버튼
    document.getElementById('clear-signature').addEventListener('click', function () {
        signaturePad.clear();
    });

   // 4. 폼 제출 시 이벤트
    document.getElementById('sponsorship_form').addEventListener('submit', function (event) {
        event.preventDefault();

        if (signaturePad.isEmpty()) {
            alert(&quot;후원자 서명을 작성해 주세요.&quot;);
            return;
        }
        
        // 모든 체크박스 동의 여부 재검증 (브라우저 validation 지원용)
        if(!this.checkValidity()) {
            alert(&quot;모든 필수 항목에 동의해 주세요.&quot;);
            return;
        }

        // 서명 데이터를 Base64 이미지 주소로 추출
        const signatureImage = signaturePad.toDataURL();

        // 폼 데이터를 가져와서 서명 데이터 추가
        const formData = new FormData(this);
        formData.append('signature_image', signatureImage);
    
		// AJAX 전송
		$.ajax({
			url: './insert_form/insert_proc.php',
			type: 'POST',
			data: formData,
			processData: false,
			contentType: false,
			success: function(response) {
				if(response.error === 0) {
					alert(response.message);
					location.reload();
				} else {
					alert(&quot;오류: &quot; + response.message);
				}
			}
		});
});

&amp;lt;/script&amp;gt;

&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이제 껍데기(html)은 작성했으니, 실제 db에 라이믹스 구조에 맞게 넣어본다.&lt;/p&gt;
&lt;pre id=&quot;code_1783655521284&quot; class=&quot;html xml&quot; data-ke-language=&quot;html&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;&amp;lt;?php
ob_start();
error_reporting(0);
ini_set('display_errors', 0);

define('__XE__', true);
require_once('../config/config.inc.php');
$oContext = &amp;amp;Context::getInstance();
$oContext-&amp;gt;init();

header('Content-Type: application/json');

try {
    // 1. 데이터 수집 및 예외 처리
    $title            = &quot;후원신청서 - &quot; . ($_POST['member_name'] ?: '무명후원자');
    $member_name      = $_POST['member_name'] ?? '미입력';
    $support_type     = $_POST['support_type'] ?? '정기후원';
    $support_category = $_POST['support_category'] ?? '미선택';
    $member_type      = $_POST['member_type'] ?? '개인';
    $phone            = $_POST['phone'] ?? '미입력';
    $email            = $_POST['email'] ?? '미입력';
    $address          = $_POST['address'] ?? '미입력';
    $bank_name        = $_POST['bank_name'] ?? '미선택';
    $account_num      = $_POST['account_num'] ?? '미입력';
    $pay_date         = $_POST['pay_date'] ?? '미지정';
    
    // 후원 금액 라디오 버튼과 기타 금액 텍스트 input 통합 처리 보완
    $support_amount = $_POST['support_amount'] ?? '0';
    if ($support_amount === '기타' || (isset($_POST['support_amount_custom']) &amp;amp;&amp;amp; trim($_POST['support_amount_custom']) !== '')) {
        $support_amount = $_POST['support_amount_custom'];
    }
    $support_amount_int = (int)str_replace(',', '', $support_amount);

    // 후원 기간 처리 (일시 후원인 경우 제외)
    $support_period = '일시후원(해당없음)';
    if ($support_type === '정기후원') {
        $support_period = $_POST['support_period'] ?? '미선택';
        if ($support_period === '직접등록' &amp;amp;&amp;amp; isset($_POST['support_period_custom'])) {
            $support_period = $_POST['support_period_custom'] . &quot; (직접등록)&quot;;
        }
    }

    // [버그 수정 완료] 데이터가 넘어오지 않거나 on이 아닐 때는 확실히 '신청안함' 처리
    $receipt_req_raw  = $_POST['receipt_req'] ?? ''; 
    if ($receipt_req_raw === 'on' || $receipt_req_raw === 'Y') {
        $receipt_req = '신청함';
    } else {
        $receipt_req = '신청안함';
    }

    $reg_num          = $_POST['reg_num'] ?? '미입력'; 
    $depositor_name   = $_POST['depositor_name'] ?? '미입력'; 
    $depositor_birth  = $_POST['depositor_birth'] ?? '미입력'; 

    // 서명 데이터 (Base64)
    $signature_data = $_POST['signature_image'] ?? ''; 

    // --- 약관 동의 데이터 수집 (반복문 처리) ---
    $agreement_list_html = &quot;&quot;;
    for ($i = 0; $i &amp;lt; 5; $i++) {
        $t_title   = $_POST[&quot;term_title_$i&quot;]; 
        $t_content = $_POST[&quot;term_content_$i&quot;]; 
        $t_agree   = ($_POST[&quot;agree_$i&quot;] == 'Y') ? '동의/확인함' : '미동의';

        if($t_title) {
            $agreement_list_html .= &quot;
                &amp;lt;div style='margin-bottom:12px; border-bottom:1px dashed #ccc; padding-bottom:8px;'&amp;gt;
                    &amp;lt;div style='font-weight:bold; font-size:13px; color:#333;'&amp;gt;▣ {$t_title}&amp;lt;/div&amp;gt;
                    &amp;lt;div style='font-size:11px; color:#666; margin:4px 0; line-height:1.4;'&amp;gt;{$t_content}&amp;lt;/div&amp;gt;
                    &amp;lt;div style='font-size:12px;'&amp;gt;결과: &amp;lt;span style='color:#007aff; font-weight:bold;'&amp;gt;{$t_agree}&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
                &amp;lt;/div&amp;gt;&quot;;
        }
    }

    $module_srl = 2301; // 게시판 모듈 SRL 번호
    $oDB = DB::getInstance();
    $document_srl = getNextSequence();
    $regdate = date('YmdHis');

    // 2. 정적 HTML 파일 생성 경로 설정
    $html_save_dir = '../files/saved_html/';
    if(!is_dir($html_save_dir)) mkdir($html_save_dir, 0777, true);

    $html_filename = &quot;support_{$document_srl}.html&quot;;
    $html_web_path = '/rx/files/saved_html/' . $html_filename;
    $html_full_path = $html_save_dir . $html_filename;

    // 3. 서류 디자인 (증빙용 HTML - 폼 입력 순서 100% 일치)
    $saved_html_content = '
    &amp;lt;!DOCTYPE html&amp;gt;
    &amp;lt;html lang=&quot;ko&quot;&amp;gt;
    &amp;lt;head&amp;gt;
        &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
        &amp;lt;title&amp;gt;후원신청서 증빙 - ' . htmlspecialchars($member_name) . '&amp;lt;/title&amp;gt;
        &amp;lt;style&amp;gt;
            body { font-family: &quot;Malgun Gothic&quot;, sans-serif; padding: 30px; line-height: 1.5; color: #333; }
            .doc-wrap { max-width: 700px; margin: 0 auto; border: 1px solid #000; padding: 30px; }
            h1 { text-align: center; font-size: 24px; text-decoration: underline; margin-bottom: 30px; }
            table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
            th, td { border: 1px solid #ccc; padding: 10px; font-size: 14px; }
            th { background: #f4f4f4; width: 35%; text-align: left; }
            .sig-box { text-align: center; margin-top: 40px; border-top: 2px solid #333; padding-top: 20px; }
            .sig-image { border: 1px solid #eee; width: 250px; height: 100px; margin-top: 10px; }
            .term-area { margin-top:30px; border:1px solid #eee; padding:15px; background:#fafafa; page-break-before: always; }
            @media print { .no-print { display: none; } }
        &amp;lt;/style&amp;gt;
    &amp;lt;/head&amp;gt;
    &amp;lt;body&amp;gt;
        &amp;lt;div class=&quot;no-print&quot; style=&quot;text-align:right;&quot;&amp;gt;&amp;lt;button onclick=&quot;window.print()&quot;&amp;gt;PDF 저장 / 인쇄&amp;lt;/button&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&quot;doc-wrap&quot;&amp;gt;
            &amp;lt;h1&amp;gt;후 원 신 청 서&amp;lt;/h1&amp;gt;
            &amp;lt;p style=&quot;text-align:right;&quot;&amp;gt;접수번호: ' . $document_srl . '&amp;lt;/p&amp;gt;
            
            &amp;lt;h3&amp;gt;1. 후원 정보&amp;lt;/h3&amp;gt;
            &amp;lt;table&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;후원방식&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($support_type) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;후원종류&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($support_category) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;후원금액&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . number_format($support_amount_int) . ' 원&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;후원기간&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($support_period) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;/table&amp;gt;

            &amp;lt;h3&amp;gt;2. 후원자 정보&amp;lt;/h3&amp;gt;
            &amp;lt;table&amp;gt;
				&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;회원구분&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($member_type) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;성명(단체명)&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($member_name) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;기부금영수증 신청 여부&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($receipt_req) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
				&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;식별등록번호 (주민/사업자)&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($reg_num) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;연락처&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($phone) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;이메일&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($email) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;주소&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($address) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;

            &amp;lt;/table&amp;gt;

            &amp;lt;h3&amp;gt;3. 결제 정보 (CMS)&amp;lt;/h3&amp;gt;
            &amp;lt;table&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;예금주명&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($depositor_name) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
				&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;예금주 생년월일 (사업자번호)&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($depositor_birth) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
				&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;은행명&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($bank_name) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;계좌번호&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($account_num) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;자동이체 출금일&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;매월 ' . htmlspecialchars($pay_date) . ' 일&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;/table&amp;gt;

            &amp;lt;div class=&quot;term-area&quot;&amp;gt;
                &amp;lt;h3&amp;gt;4. 이용 약관 및 동의 기록&amp;lt;/h3&amp;gt;
                ' . $agreement_list_html . '
            &amp;lt;/div&amp;gt;

            &amp;lt;div class=&quot;sig-box&quot;&amp;gt;
                &amp;lt;p&amp;gt;본인은 위와 같이 정기 후원을 신청하며, 개인정보 활용 및 약관에 동의합니다.&amp;lt;/p&amp;gt;
                &amp;lt;p&amp;gt;' . date('Y년 m월 d일') . '&amp;lt;/p&amp;gt;
                &amp;lt;p style=&quot;font-size:18px; font-weight:bold;&quot;&amp;gt;신청인: ' . htmlspecialchars($member_name) . ' (인)&amp;lt;/p&amp;gt;
                ' . ($signature_data ? '&amp;lt;img src=&quot;' . htmlspecialchars($signature_data) . '&quot; class=&quot;sig-image&quot; alt=&quot;서명&quot;&amp;gt;' : '&amp;lt;p style=&quot;color:red;&quot;&amp;gt;(서명 유실됨)&amp;lt;/p&amp;gt;') . '
            &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
    &amp;lt;/body&amp;gt;
    &amp;lt;/html&amp;gt;';

    file_put_contents($html_full_path, $saved_html_content);

    // 4. 라이믹스/XE 문서 본문에 바인딩될 HTML 구조화 (폼 입력 순서 100% 일치)
    $db_content = '
    &amp;lt;div class=&quot;sponsorship-detail&quot; style=&quot;font-family:sans-serif; line-height:1.6; max-width:600px; border:1px solid #ddd; padding:20px;&quot;&amp;gt;
        &amp;lt;h2 style=&quot;border-bottom:2px solid #007aff; padding-bottom:10px; color:#333;&quot;&amp;gt;후원 신청 상세 정보&amp;lt;/h2&amp;gt;
        
        &amp;lt;h3 style=&quot;color:#555; font-size:15px; margin-top:20px;&quot;&amp;gt;1. 후원 정보&amp;lt;/h3&amp;gt;
        &amp;lt;table style=&quot;width:100%; border-collapse:collapse; margin-bottom:15px;&quot;&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;width:35%; padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;후원방식&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($support_type) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;후원종류&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($support_category) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;후원금액&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;&amp;lt;strong&amp;gt;' . number_format($support_amount_int) . '원&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;후원기간&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($support_period) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
        &amp;lt;/table&amp;gt;

        &amp;lt;h3 style=&quot;color:#555; font-size:15px; margin-top:20px;&quot;&amp;gt;2. 후원자 정보&amp;lt;/h3&amp;gt;
        &amp;lt;table style=&quot;width:100%; border-collapse:collapse; margin-bottom:15px;&quot;&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;회원구분&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($member_type) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
		    &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;width:35%; padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;성명(단체명)&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($member_name) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;기부금영수증 신청 여부&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($receipt_req) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;식별등록번호 (주민/사업자)&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($reg_num) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
			&amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;연락처&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($phone) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;이메일&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($email) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;주소&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($address) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
        &amp;lt;/table&amp;gt;

        &amp;lt;h3 style=&quot;color:#555; font-size:15px; margin-top:20px;&quot;&amp;gt;3. 결제 정보 (CMS)&amp;lt;/h3&amp;gt;
        &amp;lt;table style=&quot;width:100%; border-collapse:collapse; margin-bottom:15px;&quot;&amp;gt;
		
		    &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;예금주명&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($depositor_name) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;예금주 생년월일 (사업자번호)&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($depositor_birth) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
			&amp;lt;tr&amp;gt;&amp;lt;th style=&quot;width:35%; padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;은행명&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($bank_name) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;계좌번호&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($account_num) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;자동이체 출금일&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;매월 ' . htmlspecialchars($pay_date) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;온라인 증빙서 링크&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;&amp;lt;a href=&quot;' . $html_web_path . '&quot; target=&quot;_blank&quot;&amp;gt;증빙서 HTML 열기&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
        &amp;lt;/table&amp;gt;

        &amp;lt;div style=&quot;margin-top:15px; text-align:center;&quot;&amp;gt;
            &amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;[후원자 전자 서명 이미지]&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;
            &amp;lt;img src=&quot;' . htmlspecialchars($signature_data) . '&quot; style=&quot;border:1px solid #ccc; max-width:200px;&quot; alt=&quot;서명&quot;&amp;gt;
        &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;';

    // 5. Rhymix / XE 표준 규격에 충족하는 데이터베이스 원장 생성 연동
    $oDocumentController = getController('document');
    $obj = new stdClass();
    $obj-&amp;gt;document_srl = $document_srl;
    $obj-&amp;gt;module_srl   = $module_srl;
    $obj-&amp;gt;title        = $title;
    $obj-&amp;gt;content      = $db_content;
    $obj-&amp;gt;allow_comment = 'N';
    $obj-&amp;gt;regdate      = $regdate;
    
    $output = $oDocumentController-&amp;gt;insertDocument($obj);

    if(!$output-&amp;gt;toBool()) {
        throw new Exception($output-&amp;gt;getMessage());
    }

    echo json_encode([
        'error' =&amp;gt; 0,
        'message' =&amp;gt; '후원 신청서가 안전하게 접수되었습니다. 감사합니다.',
        'document_srl' =&amp;gt; $document_srl
    ]);

} catch (Exception $e) {
    echo json_encode([
        'error' =&amp;gt; -1,
        'message' =&amp;gt; $e-&amp;gt;getMessage()
    ]);
}
ob_end_flush();
?&amp;gt;&lt;/code&gt;&lt;/pre&gt;</description>
      <category>라이믹스</category>
      <category>라이믹스 입력폼</category>
      <category>입력폼</category>
      <author>xemaker</author>
      <guid isPermaLink="true">https://selfdevelope.tistory.com/1098</guid>
      <comments>https://selfdevelope.tistory.com/1098#entry1098comment</comments>
      <pubDate>Fri, 10 Jul 2026 12:52:22 +0900</pubDate>
    </item>
    <item>
      <title>카페24 신청</title>
      <link>https://selfdevelope.tistory.com/1097</link>
      <description>&lt;div id=&quot;code_1781505596162&quot; data-ke-type=&quot;html&quot; data-source=&quot;&amp;lt;a href=&amp;quot;https://hosting.cafe24.com?r_id=jung945&amp;quot;&amp;gt;카페24 신청하기&amp;lt;/a&amp;gt;&quot;&gt;&lt;a href=&quot;https://hosting.cafe24.com?r_id=jung945&quot;&gt;카페24 신청하기&lt;/a&gt;&lt;/div&gt;</description>
      <author>xemaker</author>
      <guid isPermaLink="true">https://selfdevelope.tistory.com/1097</guid>
      <comments>https://selfdevelope.tistory.com/1097#entry1097comment</comments>
      <pubDate>Mon, 15 Jun 2026 15:39:38 +0900</pubDate>
    </item>
    <item>
      <title>카페24 신청</title>
      <link>https://selfdevelope.tistory.com/notice/1096</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;lt;a&amp;nbsp;href=&quot;&lt;a href=&quot;https://hosting.cafe24.com?r_id=jung945&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://hosting.cafe24.com?r_id=jung945&lt;/a&gt;&quot;&amp;gt;카페24&amp;nbsp;신청하기&amp;lt;/a&amp;gt;&lt;/p&gt;</description>
      <author>xemaker</author>
      <guid isPermaLink="true">https://selfdevelope.tistory.com/notice/1096</guid>
      <pubDate>Mon, 15 Jun 2026 15:34:37 +0900</pubDate>
    </item>
    <item>
      <title>라이믹스 입력 폼</title>
      <link>https://selfdevelope.tistory.com/1095</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;이전글에 insDoc.html 파일이 있으니 입력 html은 그것을 참고 하면 되고..&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;라이믹스마다 좀 다른게 있는지 수정했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;insDoc 폴더를 하나 만들고 거기에 insDoc.html, insert_proc.php 파일 2개를 넣고 하면 된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;다른 호스팅에서 하니까 기존 파일에 ,member_srl,email_address,homepage,ipaddress 이 부분이 필수라고 해서 추가한 버전이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;pre id=&quot;code_1781244894705&quot; class=&quot;php&quot; data-ke-language=&quot;php&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;&amp;lt;?php
ob_start();
error_reporting(0);
ini_set('display_errors', 0);

define('__XE__', true);
require_once('../config/config.inc.php');
$oContext = &amp;amp;Context::getInstance();
$oContext-&amp;gt;init();

header('Content-Type: application/json');

try {
    // 1. 데이터 수집
    $title = &quot;후원신청서 - &quot; . ($_POST['member_name'] ?: '무명후원자');
    $member_name = $_POST['member_name'] ?? '미입력';
    $support_type = $_POST['support_type'] ?? '정기후원';
    $support_category = $_POST['support_category'] ?? '미선택';
    $support_amount = $_POST['support_amount'] ?? '0';
    $member_type = $_POST['member_type'] ?? '개인';
    $phone = $_POST['phone'] ?? '미입력';
    $email = $_POST['email'] ?? '미입력';
    $bank_name = $_POST['bank_name'] ?? '미선택';
    $account_num = $_POST['account_num'] ?? '미입력';
    $pay_date = $_POST['pay_date'] ?? '미지정';
    
    // 서명 데이터 (Base64)
    $signature_data = $_POST['signature_image'] ?? ''; 

    // --- 추가: 약관 동의 데이터 수집 (반복문 처리) ---
    $agreement_list_html = &quot;&quot;;
    for ($i = 0; $i &amp;lt; 5; $i++) {
        $t_title   = $_POST[&quot;term_title_$i&quot;]; // HTML hidden 필드에서 전달됨
        $t_content = $_POST[&quot;term_content_$i&quot;]; // HTML hidden 필드에서 전달됨
        $t_agree   = ($_POST[&quot;agree_$i&quot;] == 'Y') ? '동의/확인함' : '미동의';

        if($t_title) {
            $agreement_list_html .= &quot;
                &amp;lt;div style='margin-bottom:12px; border-bottom:1px dashed #ccc; padding-bottom:8px;'&amp;gt;
                    &amp;lt;div style='font-weight:bold; font-size:13px; color:#333;'&amp;gt;▣ {$t_title}&amp;lt;/div&amp;gt;
                    &amp;lt;div style='font-size:11px; color:#666; margin:4px 0; line-height:1.4;'&amp;gt;{$t_content}&amp;lt;/div&amp;gt;
                    &amp;lt;div style='font-size:12px;'&amp;gt;결과: &amp;lt;span style='color:#007aff; font-weight:bold;'&amp;gt;{$t_agree}&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
                &amp;lt;/div&amp;gt;&quot;;
        }
    }

    $module_srl = 2301; 
    $oDB = DB::getInstance();
    $document_srl = getNextSequence();
    $regdate = date('YmdHis');

    // 2. 정적 HTML 파일 생성 경로 설정
    $html_save_dir = '../files/saved_html/';
    if(!is_dir($html_save_dir)) mkdir($html_save_dir, 0777, true);

    $html_filename = &quot;support_{$document_srl}.html&quot;;
    $html_web_path = '/rx/files/saved_html/' . $html_filename;
    $html_full_path = $html_save_dir . $html_filename;

    // 3. 서류 디자인 (증빙용 HTML)
    $saved_html_content = '
    &amp;lt;!DOCTYPE html&amp;gt;
    &amp;lt;html lang=&quot;ko&quot;&amp;gt;
    &amp;lt;head&amp;gt;
        &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
        &amp;lt;title&amp;gt;후원신청서 증빙 - ' . htmlspecialchars($member_name) . '&amp;lt;/title&amp;gt;
        &amp;lt;style&amp;gt;
            body { font-family: &quot;Malgun Gothic&quot;, sans-serif; padding: 30px; line-height: 1.5; color: #333; }
            .doc-wrap { max-width: 700px; margin: 0 auto; border: 1px solid #000; padding: 30px; }
            h1 { text-align: center; font-size: 24px; text-decoration: underline; margin-bottom: 30px; }
            table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
            th, td { border: 1px solid #ccc; padding: 10px; font-size: 14px; }
            th { background: #f4f4f4; width: 30%; text-align: left; }
            .sig-box { text-align: center; margin-top: 40px; border-top: 2px solid #333; padding-top: 20px; }
            .sig-image { border: 1px solid #eee; width: 250px; height: 100px; margin-top: 10px; }
            .term-area { margin-top:30px; border:1px solid #eee; padding:15px; background:#fafafa; page-break-before: always; }
            @media print { .no-print { display: none; } }
        &amp;lt;/style&amp;gt;
    &amp;lt;/head&amp;gt;
    &amp;lt;body&amp;gt;
        &amp;lt;div class=&quot;no-print&quot; style=&quot;text-align:right;&quot;&amp;gt;&amp;lt;button onclick=&quot;window.print()&quot;&amp;gt;PDF 저장 / 인쇄&amp;lt;/button&amp;gt;&amp;lt;/div&amp;gt;
        &amp;lt;div class=&quot;doc-wrap&quot;&amp;gt;
            &amp;lt;h1&amp;gt;후 원 신 청 서&amp;lt;/h1&amp;gt;
            &amp;lt;p style=&quot;text-align:right;&quot;&amp;gt;접수번호: ' . $document_srl . '&amp;lt;/p&amp;gt;
            
            &amp;lt;h3&amp;gt;1. 후원 정보&amp;lt;/h3&amp;gt;
            &amp;lt;table&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;후원방식/종류&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . $support_type . ' / ' . $support_category . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;후원금액&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . number_format((int)$support_amount) . ' 원&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;/table&amp;gt;

            &amp;lt;h3&amp;gt;2. 후원자 정보&amp;lt;/h3&amp;gt;
            &amp;lt;table&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;성명(단체명)&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($member_name) . ' (' . $member_type . ')&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;연락처&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($phone) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;이메일&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($email) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;/table&amp;gt;

            &amp;lt;h3&amp;gt;3. 결제 정보 (CMS)&amp;lt;/h3&amp;gt;
            &amp;lt;table&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;은행명&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($bank_name) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;계좌번호&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;' . htmlspecialchars($account_num) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
                &amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;출금희망일&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;매월 ' . $pay_date . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;/table&amp;gt;

            &amp;lt;div class=&quot;term-area&quot;&amp;gt;
                &amp;lt;h3&amp;gt;4. 이용 약관 및 동의 기록&amp;lt;/h3&amp;gt;
                ' . $agreement_list_html . '
            &amp;lt;/div&amp;gt;

            &amp;lt;div class=&quot;sig-box&quot;&amp;gt;
                &amp;lt;p&amp;gt;본인은 위와 같이 정기 후원을 신청하며, 개인정보 활용 및 약관에 동의합니다.&amp;lt;/p&amp;gt;
                &amp;lt;p&amp;gt;' . date('Y년 m월 d일') . '&amp;lt;/p&amp;gt;
                &amp;lt;p style=&quot;font-size:18px; font-weight:bold;&quot;&amp;gt;신청인: ' . htmlspecialchars($member_name) . ' (인)&amp;lt;/p&amp;gt;
                &amp;lt;img src=&quot;' . $signature_data . '&quot; class=&quot;sig-image&quot; alt=&quot;서명&quot;&amp;gt;
            &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
    &amp;lt;/body&amp;gt;
    &amp;lt;/html&amp;gt;';

    file_put_contents($html_full_path, $saved_html_content);

    // 4. 게시판 본문에 저장될 상세 내용 구성
    $db_content = '
    &amp;lt;div class=&quot;sponsorship-detail&quot; style=&quot;font-family:sans-serif; line-height:1.6; max-width:600px; border:1px solid #ddd; padding:20px;&quot;&amp;gt;
        &amp;lt;h2 style=&quot;border-bottom:2px solid #007aff; padding-bottom:10px; color:#333;&quot;&amp;gt;후원 신청 상세 정보&amp;lt;/h2&amp;gt;
        
        &amp;lt;table style=&quot;width:100%; border-collapse:collapse; margin-top:15px;&quot;&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;width:30%; padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;후원방식/종류&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($support_type) . ' / ' . htmlspecialchars($support_category) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;후원금액&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;&amp;lt;strong&amp;gt;' . number_format((int)$support_amount) . '원&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;성명(단체명)&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($member_name) . ' (' . htmlspecialchars($member_type) . ')&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;연락처&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($phone) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;이메일&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($email) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;은행/계좌&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;' . htmlspecialchars($bank_name) . ' / ' . htmlspecialchars($account_num) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
            &amp;lt;tr&amp;gt;&amp;lt;th style=&quot;padding:8px; border:1px solid #ddd; background:#f9f9f9; text-align:left;&quot;&amp;gt;출금희망일&amp;lt;/th&amp;gt;&amp;lt;td style=&quot;padding:8px; border:1px solid #ddd;&quot;&amp;gt;매월 ' . htmlspecialchars($pay_date) . '&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;
        &amp;lt;/table&amp;gt;

        &amp;lt;div style=&quot;margin-top:20px; padding:15px; border:1px solid #e1e1e1; background:#fcfcfc;&quot;&amp;gt;
            &amp;lt;h4 style=&quot;margin:0 0 10px 0; color:#007aff;&quot;&amp;gt;[약관 동의 기록]&amp;lt;/h4&amp;gt;
            ' . $agreement_list_html . '
        &amp;lt;/div&amp;gt;

        &amp;lt;div style=&quot;margin-top:20px; text-align:center; background:#f5f5f5; padding:10px;&quot;&amp;gt;
            &amp;lt;p style=&quot;font-size:12px; color:#666; margin-bottom:5px;&quot;&amp;gt;[후원자 서명 확인]&amp;lt;/p&amp;gt;
            &amp;lt;img src=&quot;' . $signature_data . '&quot; style=&quot;width:200px; height:80px; border:1px solid #ccc; background:#fff;&quot; alt=&quot;서명&quot;&amp;gt;
        &amp;lt;/div&amp;gt;

        &amp;lt;div style=&quot;margin-top:20px; padding:15px; border:2px solid #007aff; background:#f0f8ff; text-align:center;&quot;&amp;gt;
            &amp;lt;strong style=&quot;color:#007aff;&quot;&amp;gt;[증빙용 문서 다운로드]&amp;lt;/strong&amp;gt;&amp;lt;br&amp;gt;
            &amp;lt;a href=&quot;' . $html_web_path . '&quot; target=&quot;_blank&quot; style=&quot;font-size:15px; font-weight:bold; color:#d9534f; text-decoration:underline;&quot;&amp;gt;
                ▶ 서명 포함된 후원신청서(HTML) 열기
            &amp;lt;/a&amp;gt;
        &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;';

    // 5. DB 저장
    $password = $_POST['password'] ?: '1111';
    $hash_password = getModel('member')-&amp;gt;hashPassword($password);

    $query = &quot;INSERT INTO documents (document_srl, module_srl, title, content,user_name, nick_name, password, regdate, last_update, list_order, update_order, status,member_srl,email_address,homepage,ipaddress) 
              VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 'SECRET',?,?,?,?)&quot;;
    
    $args = array($document_srl, $module_srl, $title, $db_content, $member_name,$member_name, $hash_password, $regdate, $regdate, $document_srl*-1, $document_srl*-1,0,$email,'a',0);
    $oDB-&amp;gt;prepare($query)-&amp;gt;execute($args);

    ob_end_clean();
    echo json_encode(array('error' =&amp;gt; 0, 'message' =&amp;gt; '후원 신청이 정상적으로 완료되었습니다.'));

} catch (Exception $e) {
    ob_end_clean();
    echo json_encode(array('error' =&amp;gt; -1, 'message' =&amp;gt; $e-&amp;gt;getMessage()));
}&lt;/code&gt;&lt;/pre&gt;</description>
      <category>라이믹스</category>
      <author>xemaker</author>
      <guid isPermaLink="true">https://selfdevelope.tistory.com/1095</guid>
      <comments>https://selfdevelope.tistory.com/1095#entry1095comment</comments>
      <pubDate>Fri, 12 Jun 2026 15:16:52 +0900</pubDate>
    </item>
    <item>
      <title>자바 IllegalStateException 중복로그인 방지 중 에러. 톰캣9</title>
      <link>https://selfdevelope.tistory.com/1094</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;이상하게.. 세션, 즉, 중복로그인 처리 로직 중에서 에러가 나는 부분이 있었다. 삽질을 오래 하다가.. 세션 null 처리 때문이 원인인것을 알아냈다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;단순하게 세션이 null 만 체크하면 안된다. 세션이 null 이 아니면 continue 처리를 했는데, null이 아닌데 그 안에 요소를 접근하려고 하니 IllegalStateException 이 발생하였다. continue를 하려면 IllegalStateException에서 해야 한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;null은 아니지만 그 안의 요소를 null 인듯 하다. 그러니 세션 null 만 처리 하면 안된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;pre id=&quot;code_1781153159264&quot; class=&quot;java&quot; data-ke-language=&quot;java&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;if (oldSession != null) {
    try {
        // 톰캣 9 이상에서는 만료된 세션일 경우 아래 메서드 실행 시 즉시 예외가 발생합니다.
        java.util.Enumeration&amp;lt;String&amp;gt; names = oldSession.getAttributeNames();
        
        System.out.println(&quot;=== HttpSession Attribute List ===&quot;);
        java.util.Collections.list(names).forEach(name -&amp;gt; {
            Object value = oldSession.getAttribute(name);
            System.out.printf(&quot;Key: %s | Value: %s%n&quot;, name, value);
        });
        System.out.println(&quot;==================================&quot;);
        
    } catch (IllegalStateException e) {
        //   톰캣이 세션을 이미 만료시켰다고 판단한 경우, 에러로 튕기지 않고 안전하게 스킵합니다.
        System.out.println(&quot;[안내] 현재 oldSession이 이미 만료/무효화된 세션이므로 조회를 건너뜁니다.&quot;);
        // continue; // 만약 반복문(for/while) 내부라면 다음 루프로 넘어가도록 continue 실행
    }
} else {
    System.out.println(&quot;oldSession이 null입니다.&quot;);
}&lt;/code&gt;&lt;/pre&gt;
&lt;pre id=&quot;code_1781163996889&quot; class=&quot;java&quot; data-ke-language=&quot;java&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;HttpSession session = request.getSession();

session.invalidate(); //   세션 알맹이를 파기함 (자물쇠 채움)

// ❌ 여전히 null이 아닙니다! 이 조건문은 통과해버립니다.
if (session == null) {
    System.out.println(&quot;이 글은 출력되지 않습니다.&quot;);
}

//   알맹이가 파기되었기 때문에 아래 줄에서 IllegalStateException 발생!
String id = session.getId();&lt;/code&gt;&lt;/pre&gt;</description>
      <category>자바(Java)</category>
      <category>IllegalStateException</category>
      <category>자바 IllegalStateException</category>
      <author>xemaker</author>
      <guid isPermaLink="true">https://selfdevelope.tistory.com/1094</guid>
      <comments>https://selfdevelope.tistory.com/1094#entry1094comment</comments>
      <pubDate>Thu, 11 Jun 2026 13:48:57 +0900</pubDate>
    </item>
    <item>
      <title>javax.mail.internet.AddressException: Local address contains control or whitespace in string</title>
      <link>https://selfdevelope.tistory.com/1093</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;background-color: #ffffff; color: #212529; text-align: start;&quot;&gt;메일을 전송하려는데 오류가 발생했다.&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;background-color: #ffffff; color: #212529; text-align: start;&quot;&gt;javax.mail.internet.AddressException: Local address contains control or whitespace in string&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;pre class=&quot;java&quot; style=&quot;background-color: #fbfcfd; color: #24292e; text-align: left;&quot; data-ke-language=&quot;java&quot;&gt;&lt;code&gt;message.setFrom(new InternetAddress(&quot;관리자&quot;,&quot;관리자&quot;,&quot;UTF-8&quot;));//보내는 사람&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그냥 관리자 메일 주소는 없고, 그냥 관리자라고만 표시가 될까해서 위에 처럼 했더니 안됬다. 그래서 아래 처럼 했다.&lt;/p&gt;
&lt;pre id=&quot;code_1777462449646&quot; class=&quot;java&quot; data-ke-language=&quot;java&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;message.setFrom(new InternetAddress(&quot;no-reply&quot;,&quot;관리자&quot;,&quot;UTF-8&quot;));//보내는 사람&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러니 되었다.&lt;/p&gt;</description>
      <category>AI</category>
      <category>javax.mail.internet.AddressException</category>
      <category>Local address contains control or whitespace in string</category>
      <author>xemaker</author>
      <guid isPermaLink="true">https://selfdevelope.tistory.com/1093</guid>
      <comments>https://selfdevelope.tistory.com/1093#entry1093comment</comments>
      <pubDate>Wed, 29 Apr 2026 20:34:59 +0900</pubDate>
    </item>
    <item>
      <title>전자정부 프레임워크 웹스퀘어 컴포넌트 속성 property 창이 잘 안나올때</title>
      <link>https://selfdevelope.tistory.com/1092</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;전자정부 프레임워크에서 웹스퀘어 컴포넌트 속성 property 창이 잘 안나왔다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;왜 이러지..&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하고 한참을 삽질 했는데..&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;결국에는..&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;전자정부 프레임워크 (이클립스) 상단에 여러 아이콘들이 보이는데, WebSquare(old)가 있었다. 그것을 클릭하니 제대로 Property가 나왔다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하.. 어렵다..&lt;/p&gt;</description>
      <category>웹스퀘어</category>
      <author>xemaker</author>
      <guid isPermaLink="true">https://selfdevelope.tistory.com/1092</guid>
      <comments>https://selfdevelope.tistory.com/1092#entry1092comment</comments>
      <pubDate>Mon, 30 Mar 2026 13:50:25 +0900</pubDate>
    </item>
    <item>
      <title>cannot access central (https //repo.maven.apache.org/maven2) in offline mode</title>
      <link>https://selfdevelope.tistory.com/1091</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;이클립스 Preference &amp;gt; Mave &amp;gt; User Settings &amp;gt; User Settings 부분에 settings.xml 파일이 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 안에 보면&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;326&quot; data-origin-height=&quot;516&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/O5ppB/dJMcacCnIUJ/RnKST4LpWwmwKIl15XlsI1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/O5ppB/dJMcacCnIUJ/RnKST4LpWwmwKIl15XlsI1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/O5ppB/dJMcacCnIUJ/RnKST4LpWwmwKIl15XlsI1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FO5ppB%2FdJMcacCnIUJ%2FRnKST4LpWwmwKIl15XlsI1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;326&quot; height=&quot;516&quot; data-origin-width=&quot;326&quot; data-origin-height=&quot;516&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>자바(Java)</category>
      <author>xemaker</author>
      <guid isPermaLink="true">https://selfdevelope.tistory.com/1091</guid>
      <comments>https://selfdevelope.tistory.com/1091#entry1091comment</comments>
      <pubDate>Mon, 16 Mar 2026 13:58:00 +0900</pubDate>
    </item>
  </channel>
</rss>