소개

Lv2 · 문의 폼

이 레벨은 스타터를 토대로 폼 처리와 서버리스 백엔드를 더합니다.

무엇을 만드나요

  • 다중 페이지 — 홈 · 소개 · 문의로 분리된 정적 사이트.
  • 문의 폼 — 접근성·검증·스팸 차단을 갖춘 폼.
  • 서버리스 함수 — 제출 내용을 이메일로 발송.

동작 방식

  1. 사용자가 문의 폼을 제출하면 클라이언트에서 1차 검증.
  2. POST /api/contact 로 JSON 전송.
  3. Pages Function 이 서버에서 재검증 후 이메일 발송.
  4. 성공/실패 상태를 폼 하단에 명확히 표시.

문의하러 가기 →