앱스스크립트로 자동응답메일 보내기가 이렇게 복잡할 리가 없다구!!!

// [중요] 이 코드를 복사해서 기존 내용을 모두 지우고 붙여넣으세요.

function onFormSubmit(e) {
  try {
    var name = e.namedValues['신청자 이름(별명)'] ? e.namedValues['신청자 이름(별명)'][0] : "신청자";
    var email = e.namedValues['E-mail을 적어주세요.'] ? e.namedValues['E-mail을 적어주세요.'][0] : "";

    if (email) {
      sendEmail(email, name);
    } else {
      Logger.log("이메일 주소를 찾을 수 없습니다.");
    }
  } catch (error) {
    Logger.log("오류 발생: " + error.toString());
  }
}

function sendEmail(recipientEmail, name) {
  var htmlBody = getHtmlContent();
  htmlBody = htmlBody.replace('{{신청자 이름(별명)}}', name);
  
  // GmailApp 사용 (HTML 본문 전송)
  GmailApp.sendEmail(recipientEmail, 'Re:set 2026 신청 완료', 'HTML 메일을 지원하지 않는 환경입니다.', {
    htmlBody: htmlBody
  });
}

function testSendEmail() {
  var myEmail = Session.getActiveUser().getEmail();
  sendEmail(myEmail, "홍길동(테스트)"); 
  Logger.log("테스트 이메일 발송 완료: " + myEmail);
}

function getHtmlContent() {
  // [중요] 이메일에서는 <style> 태그가 무시될 수 있어서, 모든 디자인을 '인라인 스타일'로 바꿨습니다.
  // 이제 색상과 디자인이 제대로 보일 것입니다.
  return `
    <div style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f5f5f5; padding: 20px; margin: 0;">
      <div style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);">
        
        <!-- 헤더 -->
        <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 40px 20px; text-align: center;">
            <div style="font-size: 24px; font-weight: bold; margin-bottom: 10px; letter-spacing: 2px;">COACHING JETTA</div>
            <div style="font-size: 13px; opacity: 0.9;">당신의 성장을 돕는 근사한 친구</div>
        </div>

        <!-- 본문 -->
        <div style="padding: 40px 30px;">
            <div style="font-size: 16px; color: #333; margin-bottom: 20px; line-height: 1.6;">안녕하세요 {{신청자 이름(별명)}} 님.</div>

            <div style="background-color: #e8f5e9; border-left: 4px solid #4caf50; padding: 15px 20px; margin-bottom: 30px; border-radius: 4px; font-weight: 600; color: #2e7d32;">
                ✓ Re:set 2026에 신청이 완료되었습니다.
            </div>

            <div style="font-size: 15px; color: #555; line-height: 1.8; margin-bottom: 30px; text-align: justify;">
                2025년 가는 해를 돌아보고,<br>
                2026 새해를 다짐하는 유익한 시간에 함께 해주셔서 감사합니다.<br>
                <br>
                행사 이틀 전 다시 한 번 리마인드 메일을 드릴 예정입니다.
            </div>

            <div style="font-size: 14px; font-weight: 600; color: #333; margin-bottom: 15px; text-decoration: underline;">[행사 안내]</div>

            <div style="background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 6px; padding: 20px; margin-bottom: 30px;">
                <div style="display: flex; margin-bottom: 12px; font-size: 14px; color: #333;">
                    <div style="font-weight: 600; min-width: 60px; margin-right: 15px; color: #667eea;">■ 일시</div>
                    <div style="flex: 1; color: #555;">2026년 12월 13일(토) 14:00-16:30</div>
                </div>
                <div style="display: flex; margin-bottom: 12px; font-size: 14px; color: #333;">
                    <div style="font-weight: 600; min-width: 60px; margin-right: 15px; color: #667eea;">■ 장소</div>
                    <div style="flex: 1; color: #555;">도곡 타워팰리스 C동 1층 주민회의실</div>
                </div>
            </div>

            <div style="font-size: 13px; color: #666; background-color: #fff9e6; border-left: 3px solid #ffc107; padding: 12px 15px; margin-bottom: 30px; border-radius: 4px;">
                &#128161; 행사 이틀 전에 리마인드 메일이 발송될 예정이니 참고하시기 바랍니다.
            </div>

            <div style="font-size: 14px; color: #666; line-height: 1.8; text-align: center; margin-bottom: 20px;">
                당신의 성장을 돕는 근사한 친구같은 바람..
            </div>

            <div style="font-style: italic; color: #667eea; font-weight: 600; text-align: right; margin-top: 20px;">
                COACHING JETTA 드림
            </div>
        </div>

        <!-- 푸터 -->
        <div style="background-color: #f5f5f5; padding: 20px; text-align: center; font-size: 12px; color: #999; border-top: 1px solid #e0e0e0;">
            © 2025 COACHING JETTA. All rights reserved.
        </div>
      </div>
    </div>
  `;
}