가이드

가이드 99개

  1. 출시

    새 SaaS용 대기자 명단 만드는 방법

    내 랜딩 페이지에 출시 전 대기자 명단을 만듭니다. 폼, 스팸 방지, 중복 처리, 확인 이메일, 출시일의 깔끔한 내보내기까지 다룹니다.Preet SutharIkiform 창업자
  2. 문의

    백엔드 없이 정적 사이트에 문의 폼 추가하기

    서버 없이 정적 사이트에 작동하는 문의 폼을 추가하세요. POST가 가는 곳, 스팸, 이메일 답장, 호스트와 프레임워크별 코드까지 다룹니다.Preet SutharIkiform 창업자
  3. 문의

    HTML 폼 제출을 이메일로 받기

    메일 서버 없이 모든 폼 제출을 받은편지함으로 받으세요. mailto:와 PHP mail()이 실패하는 이유와, 스팸을 거르고 바로 답장할 수 있는 설정을 다룹니다.Preet SutharIkiform 창업자
  1. 스팸

    문의 폼 스팸을 막는 방법

    허니팟, 시간 검사, 콘텐츠 점수, 레이트 리밋, 필요한 곳에만 사람 확인까지, 실제 방문자에게 부담 없는 여러 겹의 검사로 문의 폼 스팸을 막으세요.Preet Suthar
  2. 사이트 빌더

    웹사이트 빌더의 폼 한계 넘어서기

    Webflow, Netlify, Carrd, Framer 폼이 한도나 빠진 기능에 부딪히면, 디자인한 폼은 그대로 두고 대신 폼 백엔드를 가리키게 하세요.Preet Suthar
  3. 피드백

    웹사이트나 앱에 피드백 폼 추가하기

    어떤 페이지나 앱 안에든 피드백 폼을 둡니다. 평점, 코멘트, 보낸 페이지, 스팸 필터링, 낮은 점수 알림까지 다룹니다.Preet Suthar
  4. 문의

    빠르게 연락받는 리드 수집 폼 만들기

    reply-to가 설정된 이메일을 보내고, 팀 채팅에 알리고, CRM에 넣는 내 사이트의 리드 수집 폼입니다. 리드가 아직 있을 때 답할 수 있습니다.Preet Suthar
  5. 출시

    Mailchimp 임베드 없는 뉴스레터 가입 폼

    직접 작성한 마크업으로 뉴스레터 가입 폼을 만들고, 동의를 기록하고, 봇 가입을 막고, 각 구독자를 Kit, MailerLite, beehiiv 등 어떤 도구로든 넘깁니다.Preet Suthar
  6. 개발자

    HTML 폼 제출이 동작하는 방식

    폼이 제출될 때 브라우저가 하는 일: 어떤 필드를 보내는지, 어떻게 인코딩하는지, 서버가 어떻게 응답해야 하는지, 그리고 Ikiform이 어떻게 응답하는지 설명합니다.Preet Suthar
  7. 출시

    내 사이트에서 받는 행사 등록과 참석 회신(RSVP) 폼

    티켓 앱 없이 내 행사 페이지에서 RSVP를 받는 방법: 폼, 동반 인원 제한, 정확한 인원 집계, 마감, 체크인 명단.Preet Suthar
  8. 개발자

    폼 웹훅 서명 검증하기

    폼 웹훅이 정말 Ikiform에서 왔는지 확인하세요. Standard Webhooks HMAC-SHA256 방식, 테스트 벡터, 원본 본문, 타임스탬프, 시크릿 교체를 다룹니다.Preet Suthar
  9. 출시

    Product Hunt 출시를 위한 사전 이메일 리스트 만드는 방법

    Product Hunt 몇 주 전부터 출시 리스트를 모으고, 가입마다 채널 태그를 달고, 태평양 시간 리셋에 맞춰 출시일 이메일을 두 번에 나눠 보냅니다.Preet Suthar
  10. 출시

    지원자를 선별하는 베타 신청 폼 만드는 방법

    서버가 강제하는 선별 질문이 있는 베타 신청 폼과, 지원자에게 점수를 매겨 목록에서 기수별 참가자를 고르는 스크립트입니다.Preet Suthar
  11. 출시

    App Store 출시 전 모바일 앱 대기자 명단 페이지 만드는 방법

    iOS나 Android 앱의 출시 전 대기자 명단으로, 사용하는 휴대폰을 묻고 iPhone 테스터는 TestFlight로 보내고 Play 비공개 테스트를 채웁니다.Preet Suthar
  12. 출시

    서버 액션으로 Next.js 대기자 명단 만드는 방법

    Next.js App Router 대기자 명단: 시크릿 키로 가입을 전달하는 서버 액션, useActionState, 낙관적 감사 문구, 방문자별 한도를 다룹니다.Preet Suthar
  13. 출시

    Framer 사이트에 대기자 명단 추가하는 방법

    Framer에서 대기자 명단 가입을 받는 두 가지 방법: 웹훅으로 Ikiform에 보내는 Framer 폼, 또는 방문자별 한도와 스팸 검사를 유지하는 코드 컴포넌트입니다.Preet Suthar
  14. 출시

    Webflow 사이트에 대기자 명단 폼 추가하는 방법

    Webflow Form Block을 Ikiform으로 연결하고, 숨겨진 필드로 가입 경로를 태그하고, 짧은 스크립트로 모든 폼에서 Webflow의 성공 상태를 유지합니다.Preet Suthar
  15. 출시

    Carrd 사이트에 대기자 명단 추가하는 방법

    Carrd 페이지에서 대기자 명단 가입 받기: Pro Plus에서 UTM 추적이 되는 Send to URL 폼, 또는 Pro Standard에서 허니팟이 있는 임베드 HTML 폼.Preet Suthar
  16. 출시

    어떤 랜딩 페이지에든 일반 HTML로 대기자 명단 폼 추가하는 방법

    빌드 없이 일반 HTML로 만든 완전한 대기자 명단 페이지로, JavaScript가 꺼져도 작동하고, 스크립트가 로드되면 인라인 감사 문구를 보여 주며, 필요할 때는 기본 방식으로 돌아갑니다.Preet Suthar
  17. 출시

    Astro로 대기자 명단 만들기

    정적 랜딩 페이지의 Astro 대기자 명단: Action이 각 가입을 전달하고, 스크립트가 이를 호출하며, 요청 시 렌더링되는 페이지 하나가 JavaScript 없는 POST를 받습니다.Preet Suthar
  18. 출시

    TanStack Start로 대기자 명단 만들기

    TanStack Start 대기자 명단: 서버 라우트 하나가 일반 폼 POST와 fetch에 모두 응답하고, validateSearch가 유입 경로와 결과를 URL로 전달합니다.Preet Suthar
  19. 출시

    React Router로 대기자 명단 만들기

    모든 페이지 푸터에 있는 React Router 대기자 명단: fetcher가 라우트 액션 하나로 POST하고, 가입마다 페이지를 태그하며, JavaScript 없이도 작동합니다.Preet Suthar
  20. 출시

    SvelteKit으로 대기자 명단 만들기

    SvelteKit 3 대기자 명단: 훅이 첫 ?ref=를 쿠키에 보관하고, 이름 있는 폼 액션이 가입을 전달하며, 재방문자는 이미 가입했음을 확인합니다.Preet Suthar
  21. 출시

    Nuxt로 대기자 명단 만들기

    프리렌더링된 랜딩 페이지의 Nuxt 대기자 명단: Nitro 라우트 하나가 $fetch와 일반 폼 POST를 받아 Zod로 검사하고, JavaScript 없이 리디렉션합니다.Preet Suthar
  22. 문의

    GitHub Pages 사이트에 문의 폼 추가하기

    GitHub Pages는 서버 코드를 실행할 수 없어 폼 POST가 405 Not Allowed를 받습니다. 대신 폼 백엔드로 POST하고 프로젝트 사이트의 리디렉션을 올바르게 설정하세요.Preet Suthar
  23. 문의

    Vercel에 호스팅한 문의 폼의 405 오류 해결하기

    Vercel의 정적 페이지는 폼 POST에 405 Method Not Allowed로 응답합니다. 그 이유와 폼을 백엔드로 보내는 방법을 알아보세요.Preet Suthar
  24. 문의

    Netlify Forms 없이 Netlify에 문의 폼 추가하기

    Netlify Forms 없이 Netlify 사이트에서 문의 폼을 운영하세요. 빌드 시점 감지 없이 React에서 JSON을 POST하고, 배포 프리뷰용 폼을 따로 둡니다.Preet Suthar
  25. 문의

    Cloudflare Pages 사이트에 문의 폼 추가하기

    Function을 작성하지 않고 Cloudflare Pages에 문의 폼을 추가하세요. 폼 백엔드로 POST하고, _headers에서 헤더를 설정하고, 직접 가진 Turnstile 키를 씁니다.Preet Suthar
  26. 문의

    Amazon S3 정적 웹사이트에 문의 폼 추가하기

    S3 웹사이트 엔드포인트는 일반 HTTP로 GET과 HEAD만 받으므로, 문의 폼은 폼 백엔드로 POST하고 CloudFront로 리디렉션을 올바르게 설정하세요.Preet Suthar
  27. 문의

    포트폴리오 웹사이트에 문의 폼 추가하기

    첫 통화에서 물어볼 프로젝트, 예산, 일정, 링크를 미리 묻는 포트폴리오 문의 폼입니다. 서버가 필요 없고 받은편지함에서 답장합니다.Preet Suthar
  28. 문의

    PHP 없이 HTML 폼을 이메일로 보내기

    mail()을 호출하는 contact.php 스크립트를 호스팅 엔드포인트로 POST하는 폼으로 바꾸세요. 필드 이름, 감사 페이지, 답장은 그대로 유지됩니다.Preet Suthar
  29. 문의

    웹사이트 폼을 Gmail로 보내기(그리고 mailto:가 실패하는 이유)

    mailto: 링크, 앱 비밀번호, Apps Script 없이 Gmail에서 폼 제출을 받고, 라벨을 붙이고, 스팸함을 피하고, Gmail에서 답장하세요.Preet Suthar
  30. 문의

    폼 하나를 여러 이메일 주소로 보내기

    폼이 직접 수신자를 고르게 하지 않고도, 폼 하나를 팀 전체에 이메일로 보내거나 주제별로 메시지를 적절한 사람에게 보내세요.Preet Suthar
  31. 문의

    받은편지함에서 바로 폼 제출에 답장하기

    폼 알림에서 답장을 누르면 폼을 작성한 사람에게 가도록 하세요. 어떤 필드 이름이 동작하는지, _replyto는 언제 쓰는지, 답장이 엉뚱한 곳으로 가는 이유를 다룹니다.Preet Suthar
  32. 문의

    키를 클라이언트에 두지 않는 EmailJS 대안

    문의 폼을 EmailJS에서 옮기세요. 브라우저 측 이메일 키가 위험한 이유, 코드에서 바뀌는 점, 자동 응답처럼 포기하는 기능을 다룹니다.Preet Suthar
  33. 문의

    이메일을 보내는 Next.js 문의 폼

    Server Action으로 Next.js 폼을 이메일로 보내는 두 가지 방법: Resend나 Nodemailer로 직접 보내기와 폼 백엔드로 전달하기를 솔직하게 비교합니다.Preet Suthar
  34. 스팸

    봇은 채우고 사람은 채우지 않는 허니팟 필드를 추가하는 방법

    스크린 리더, 키보드, 자동 완성에 걸리지 않으면서 봇을 잡는 허니팟을 어떤 폼에든 추가하고, 스택별 서버 검사까지 구현하세요.Preet Suthar
  35. 스팸

    HTML 폼에 Cloudflare Turnstile을 추가하는 방법

    일반 HTML 폼에 Cloudflare Turnstile을 추가하세요. 위젯, 서버 측 siteverify, 테스트 키, 그리고 키나 서버 없이 실행하는 방법까지 다룹니다.Preet Suthar
  36. 스팸

    캡차 없이 폼 스팸을 막는 방법

    허니팟, 서명된 렌더링 시각, 콘텐츠 점수, 레이트 리밋을 따로가 아니라 합쳐서 써서 캡차 없이 대부분의 폼 스팸을 막으세요.Preet Suthar
  37. 스팸

    웹사이트 폼을 위한 reCAPTCHA 대안

    Turnstile과 hCaptcha부터 작업 증명, 캡차 없는 방식까지 폼용 reCAPTCHA 대안을 비교하고, 작고 안전한 변경으로 전환하세요.Preet Suthar
  38. 스팸

    폼 제출에 레이트 리밋을 거는 방법

    공유 저장소로 방문자별 폼 제출에 레이트 리밋을 걸고, Retry-After와 함께 429로 응답하며, 하나의 IP를 쓰는 사무실이 막히지 않게 하세요.Preet Suthar
  39. 스팸

    정적 사이트 문의 폼의 스팸을 막는 방법

    시크릿을 보관하거나 POST 수를 셀 수 없는 정적 사이트 폼에서도 허니팟 파셜, 안전한 스크립트, 서버 측 검사로 스팸을 막으세요.Preet Suthar
  40. 스팸

    Webflow 폼 스팸을 막는 방법

    Webflow 자체 스팸 설정이 실행되지 않는, 폼 백엔드로 POST하는 Webflow 폼을 화면 밖 허니팟과 사람 확인으로 보호하세요.Preet Suthar
  41. 스팸

    Turnstile을 이용한 Next.js 폼 스팸 방지

    허니팟, 서버 액션에서 확인하는 Turnstile, Vercel·Netlify·Cloudflare에서의 IP별 제한, 그리고 이를 위한 CSP로 Next.js 폼을 스팸으로부터 보호하세요.Preet Suthar
  42. 스팸

    Turnstile을 이용한 Astro 폼 스팸 방지

    허니팟, astro:env 시크릿으로 확인하는 Turnstile, IP별 제한, Astro 내장 CSP를 갖춘 Action으로 Astro 폼을 스팸으로부터 보호하세요.Preet Suthar
  43. 스팸

    Turnstile을 이용한 TanStack Start 폼 스팸 방지

    클라이언트 IP를 위한 함수 미들웨어, 토큰 버킷, 서버 함수에서 검증하는 Turnstile, CSP로 TanStack Start 폼을 스팸으로부터 보호하세요.Preet Suthar
  44. 스팸

    Turnstile을 이용한 React Router 폼 스팸 방지

    Turnstile을 쓰는 라우트 액션, cf-connecting-ip를 키로 하는 Workers 레이트 리밋, .server 모듈, CSP 헤더로 React Router 폼을 스팸으로부터 보호하세요.Preet Suthar
  45. 스팸

    Turnstile을 이용한 SvelteKit 폼 스팸 방지

    getClientAddress를 쓰는 폼 액션, IP별 제한, use:enhance 뒤의 Turnstile, 이를 허용하는 CSP로 SvelteKit 폼을 스팸으로부터 보호하세요.Preet Suthar
  46. 스팸

    Turnstile을 이용한 Nuxt 폼 스팸 방지

    Turnstile을 쓰는 Nitro 서버 라우트, Nitro 스토리지의 IP별 제한, runtimeConfig 시크릿, routeRules로 설정한 CSP로 Nuxt 폼을 스팸으로부터 보호하세요.Preet Suthar
  47. 사이트 빌더

    Webflow 폼 제출 한도: 무엇이고 어떻게 넘어서는가

    Webflow의 무료 Starter 플랜은 사이트당 폼 제출 50건 이후로 수집을 멈추고 내보낸 사이트는 아예 수집하지 않으니, 대신 Form Block이 Ikiform을 가리키게 하세요.Preet Suthar
  48. 사이트 빌더

    Netlify Forms 한도: 제출 100건에서 일어나는 일과 해결 방법

    레거시 Netlify 플랜은 사이트별 폼 제출을 계량해 자동으로 업그레이드하고, 크레딧 플랜은 사이트를 일시 중지할 수 있으니 폼을 백엔드로 옮기세요.Preet Suthar
  49. 사이트 빌더

    Carrd 폼: 제출을 폼 백엔드로 보내기

    Carrd의 문의 폼은 이메일만 보내고 커스텀 폼에는 Pro Plus가 필요하므로, 모든 제출을 저장하려면 Plus에서는 Send to URL을, Standard에서는 HTML 임베드를 쓰세요.Preet Suthar
  50. 사이트 빌더

    Framer 폼: 폼 백엔드를 추가할 때와 방법

    Framer 폼은 이미 이메일, Sheets, 웹훅으로 보냅니다. 저장되고 걸러진 제출, 팀 알림, 더 많은 목적지를 원한다면 Ikiform을 웹훅으로 추가하세요.Preet Suthar
  51. 피드백

    페이지, 브라우저, 재현 단계를 담는 버그 리포트 폼 추가하기

    재현 단계와 심각도는 사람에게 묻고, URL, 브라우저, 뷰포트, 최근 오류는 페이지가 알아서 추가하는 버그 리포트 폼입니다.Preet Suthar
  52. 피드백

    셀 수 있고, 순위를 매기고, 답할 수 있는 기능 요청 모으기

    해결책 대신 문제를 묻고, 요청을 테마별로 저장하고, 행이 아닌 사람 수를 세고, 출시되면 이메일을 보내는 기능 요청 폼입니다.Preet Suthar
  53. 피드백

    React 앱에 떠 있는 피드백 위젯 만들기

    작은 패널을 열고, 답변마다 화면, 앱 버전, 계정을 함께 보내고, 작성 중인 내용을 잃지 않는 React 앱용 플로팅 피드백 버튼입니다.Preet Suthar
  54. 피드백

    빌드마다 베타 테스터 피드백 모으기

    테스터와 빌드별 개인 링크, 두 가지 평점 척도, 빌드마다 나아졌는지 보여 주는 주간 요약을 갖춘 베타 피드백 폼입니다.Preet Suthar
  55. 피드백

    이메일 링크부터 점수까지, 내 사이트에서 NPS 설문 운영하기

    이메일에 0~10 점수를 넣고, 점수에 따라 바뀌는 후속 질문을 내 페이지에서 묻고, 스크립트로 NPS를 계산하는 NPS 설문을 운영합니다.Preet Suthar
  56. 피드백

    SaaS 해지 흐름에 해지 설문 추가하기

    SaaS 해지 흐름 안에서 고객이 해지하는 이유를 묻고, 건너뛰기는 클릭 한 번으로 두고, 이유를 Stripe와 Ikiform에 저장하며, 해지를 절대 지연시키지 않습니다.Preet Suthar
  57. 피드백

    Next.js로 인앱 피드백 폼 만들기

    Next.js 인앱 피드백 폼입니다. 서버 액션이 세션을 읽고, 요청에서 페이지를 가져오고, 사용자 정보를 붙여 평점을 전달합니다.Preet Suthar
  58. 피드백

    Astro로 인앱 피드백 폼 만들기

    Astro 인앱 피드백 폼입니다. 액션이 미들웨어 locals에서 사용자를, 요청에서 페이지를, 라우트 패턴에서 화면을 가져옵니다.Preet Suthar
  59. 피드백

    TanStack Start로 인앱 피드백 폼 만들기

    TanStack Start 인앱 피드백 폼입니다. 세션 미들웨어가 붙은 POST 서버 함수, 컨텍스트로 쓰는 라우트 ID, 요청 헤더에서 읽는 페이지로 구성합니다.Preet Suthar
  60. 피드백

    React Router로 인앱 피드백 폼 만들기

    React Router 8 피드백 폼입니다. 리소스 라우트 액션이 쿠키 세션을 읽고, fetcher가 레이아웃에서 POST하며, JS 없는 POST는 원래 페이지로 리디렉션됩니다.Preet Suthar
  61. 피드백

    SvelteKit으로 인앱 피드백 폼 만들기

    SvelteKit 인앱 피드백 폼입니다. 레이아웃의 폼이 하나의 폼 액션으로 POST하고, 액션이 서버에서 locals의 사용자와 요청의 페이지를 추가합니다.Preet Suthar
  62. 피드백

    Nuxt로 인앱 피드백 폼 만들기

    Nuxt 인앱 피드백 폼입니다. 서버 라우트가 사용자 세션을 읽고 Referer에서 페이지를 가져오며, JavaScript가 로드되지 않았을 때도 동작합니다.Preet Suthar
  63. 문의

    통화 예약까지 이어지는 데모 요청 폼 만들기

    리드를 저장한 뒤 이름과 이메일이 미리 채워진 Cal.com이나 Calendly로 방문자를 보내는 데모 예약 폼입니다.Preet Suthar
  64. 문의

    파일 업로드 없는 견적 요청 폼 만들기

    자료를 업로드 대신 공유 링크로 받고, 모든 요청에 기한을 붙이고, 링크가 많은 리드가 스팸으로 분류되지 않게 하는 견적 요청 폼입니다.Preet Suthar
  65. 문의

    서비스 업체용 상담 신청 폼 만들기

    회계사, 변호사, 코치, 클리닉을 위한 상담 신청 폼입니다. 연락 방법과 시간을 묻고, 민감한 내용은 통화에서 다룹니다.Preet Suthar
  66. 문의

    에이전시나 프리랜서용 프로젝트 문의 폼 만들기

    누군가 브리프를 읽기 전에 예산과 시기로 문의를 유력, 관심, 부적합으로 분류하는 스튜디오와 프리랜서용 프로젝트 의뢰 폼입니다.Preet Suthar
  67. 문의

    폼 리드를 HubSpot이나 Pipedrive로 보내기

    서명된 Ikiform 웹훅을 HubSpot의 연락처 upsert나 Pipedrive의 person, lead 호출로 매핑하고, 전달이 재시도되어도 연락처가 중복되지 않게 합니다.Preet Suthar
  68. 문의

    Next.js로 자격 확인 리드 폼 만들기

    서버 액션에서 Zod로 검증하고, 첫 유입 UTM을 쿠키에 보관하고, 자격을 갖춘 리드를 캘린더로 보내는 Next.js App Router 리드 폼입니다.Preet Suthar
  69. 문의

    Astro로 자격 확인 리드 폼 만들기

    Actions로 만든 Astro 리드 폼입니다. Zod 검증, 정적 사이트에서의 첫 유입 UTM, 요청 시 렌더링되는 문의 페이지, 스케줄러로의 리디렉션을 다룹니다.Preet Suthar
  70. 문의

    TanStack Start로 자격 확인 리드 폼 만들기

    TanStack Start 리드 폼입니다. 첫 유입 UTM을 위한 전역 요청 미들웨어, Zod를 쓰는 서버 함수, 스케줄러로 던지는 리디렉션으로 구성합니다.Preet Suthar
  71. 문의

    React Router로 자격 확인 리드 폼 만들기

    React Router 프레임워크 모드 리드 폼입니다. 서명된 첫 유입 쿠키를 쓰는 루트 미들웨어, 검증하는 라우트 액션, 스케줄러로의 리디렉션으로 구성합니다.Preet Suthar
  72. 문의

    SvelteKit으로 자격 확인 리드 폼 만들기

    SvelteKit 리드 폼입니다. handle 훅이 첫 유입 UTM을 기록하고, 폼 액션이 Valibot으로 검증하며, redirect()가 자격을 갖춘 리드를 캘린더로 보냅니다.Preet Suthar
  73. 문의

    Nuxt로 자격 확인 리드 폼 만들기

    Nuxt 리드 폼입니다. 서버 미들웨어가 첫 유입 UTM을 기록하고, Zod로 검증하는 서버 라우트 하나가 fetch와 일반 POST를 모두 처리하며, 좋은 리드는 통화를 예약합니다.Preet Suthar
  74. 출시

    직접 만든 뉴스레터 폼의 더블 옵트인

    Ikiform은 확인 이메일을 보내지 않으므로 더블 옵트인은 이메일 도구에서 실행됩니다. 릴레이가 각 가입을 미확인으로 추가하고 도구가 링크를 보냅니다.Preet Suthar
  75. 출시

    서버 없는 정적 사이트의 이메일 가입 폼

    Hugo, Jekyll, Eleventy, Astro 정적 사이트에 뉴스레터 가입 폼을 추가하고, 이메일 도구의 API 키는 페이지에서 빼고, 확인은 도구에서 합니다.Preet Suthar
  76. 출시

    내 뉴스레터 폼의 가입을 Kit로 보내기

    구독자를 만들고, 인센티브 이메일을 위해 Kit 폼에 추가하고, 가입 위치를 태그하는 릴레이로 내 뉴스레터 폼을 Kit에 연결합니다.Preet Suthar
  77. 출시

    내 뉴스레터 폼의 가입을 MailerLite로 보내기

    내 가입 폼을 MailerLite에 연결합니다. 릴레이가 새 독자를 더블 옵트인을 위해 미확인으로 추가하고, 구독자에게 두 번 확인을 요청하지 않습니다.Preet Suthar
  78. 출시

    내 뉴스레터 폼의 가입을 beehiiv로 보내기

    내 가입 폼을 beehiiv에 연결합니다. 릴레이가 더블 옵트인을 켜고, 위치를 UTM source로, 페이지를 referrer로 해서 각 구독을 만듭니다.Preet Suthar
  79. 출시

    Next.js로 뉴스레터 가입 폼 만들기

    Next.js 푸터 뉴스레터 폼입니다. 동의 확인과 Turnstile이 있는 서버 액션이 Ikiform으로 POST하고, 라우트 핸들러가 독자를 Kit에 추가합니다.Preet Suthar
  80. 출시

    Astro로 뉴스레터 가입 폼 만들기

    사전 렌더링 페이지에 그대로 두는 Astro 뉴스레터 폼입니다. Astro Action이 동의를 확인해 Ikiform으로 POST하고, 엔드포인트가 독자를 MailerLite에 추가합니다.Preet Suthar
  81. 출시

    TanStack Start로 뉴스레터 가입 폼 만들기

    TanStack Start 뉴스레터 폼입니다. 페이지 내 가입용 서버 함수, JavaScript 없는 경우를 위한 서버 라우트, 그리고 실제 가입을 beehiiv로 보내는 구성입니다.Preet Suthar
  82. 출시

    React Router로 뉴스레터 가입 폼 만들기

    React Router 푸터 뉴스레터 폼입니다. useFetcher가 JavaScript 없이도 동작하는 /newsletter 라우트로 POST하고, 리소스 라우트가 MailerLite로 넘깁니다.Preet Suthar
  83. 출시

    SvelteKit으로 뉴스레터 가입 폼 만들기

    레이아웃에 둔 SvelteKit 3 뉴스레터 폼입니다. 동의와 IP 한도가 있는 폼 액션, 페이지에 머무는 use:enhance, Kit 웹훅 라우트로 구성됩니다.Preet Suthar
  84. 출시

    Nuxt로 뉴스레터 가입 폼 만들기

    JavaScript 유무와 관계없이 동작하는 Nuxt 뉴스레터 폼입니다. Turnstile 확인을 거치는 서버 라우트가 Ikiform으로 POST하고, Nitro 라우트가 beehiiv로 넘깁니다.Preet Suthar
  85. 개발자

    페이지 새로고침 없이 HTML 폼 제출하기

    fetch와 FormData로 폼을 보내 방문자를 페이지에 머물게 하세요. 필드 오류, 로딩 상태, 재시도, 스크립트 실패 시 대체 경로까지 다룹니다.Preet Suthar
  86. 개발자

    폼 제출 후 감사 페이지로 리디렉션하기

    폼이 POST된 뒤 방문자를 직접 만든 감사 페이지로 보내세요. 303 리디렉션, _redirect 필드, 허용되는 도메인, 새로고침 시 동작을 다룹니다.Preet Suthar
  87. 개발자

    HTML 폼 action 속성 설명

    폼의 action 속성이 하는 일, 상대 값과 빈 값이 해석되는 방식, formaction으로 한 폼을 두 곳에 보내는 방법, 그리고 정적 호스트가 405로 응답하는 이유를 설명합니다.Preet Suthar
  88. 개발자

    브라우저와 서버에서의 HTML 폼 검증

    required, type, pattern, min으로 폼을 검증하고, :user-invalid로 오류에 스타일을 입히고, 필드 정의로 서버에서 같은 규칙을 강제하세요.Preet Suthar
  89. 출시

    내 웨딩 웹사이트에 만드는 결혼식 RSVP 폼

    직접 만든 웨딩 웹사이트용 RSVP 폼: 초대장당 응답 하나, 이름이 있는 손님별 식사, 마감일, 아직 응답하지 않은 사람 목록.Preet Suthar
  90. 출시

    무료 커뮤니티 행사를 위한 Eventbrite 없는 행사 등록

    무료 커뮤니티 행사의 등록을 내 사이트에서 운영하세요: 세션 선택, 내 도구로 보내는 확인 이메일, 강의실별 인원, 체크인 명단.Preet Suthar
  91. 출시

    행사와 축제를 위한 근무 시간 선택이 있는 자원봉사자 신청 폼

    사람들이 근무 시간을 고르고 당일 연락처를 남기는 자원봉사자 신청 폼과, 인원이 부족한 근무 시간을 보여 주고 근무표를 만드는 스크립트.Preet Suthar
  92. 개발자

    Node.js에서 웹훅 서명 검증하기

    Node.js에서 Ikiform 웹훅 서명을 검증하세요. Express와 Fastify의 원본 본문, SDK, standardwebhooks 패키지, 테스트된 node:crypto 버전을 다룹니다.Preet Suthar
  93. 개발자

    Python에서 웹훅 서명 검증하기

    standardwebhooks 패키지나 표준 라이브러리로 Flask, FastAPI, Django에서 Ikiform 웹훅 서명을 검증하고, pytest 테스트도 더합니다.Preet Suthar
  94. 개발자

    Go에서 웹훅 서명 검증하기

    Go의 net/http로 Ikiform 웹훅 서명을 검증하세요. 본문을 한 번 읽고, crypto/hmac으로 확인하고, 테스트하거나, Standard Webhooks 라이브러리를 쓰세요.Preet Suthar
  95. 개발자

    PHP와 Laravel에서 웹훅 서명 검증하기

    일반 PHP에서는 hash_hmac과 hash_equals로, Laravel에서는 Standard Webhooks 라이브러리와 CSRF 예외로 Ikiform 웹훅 서명을 검증하세요.Preet Suthar
  96. 개발자

    Ruby와 Rails에서 웹훅 서명 검증하기

    Sinatra에서는 OpenSSL과 Minitest 테스트로, Rails에서는 standardwebhooks gem과 request.raw_post로 Ikiform 웹훅 서명을 검증하세요.Preet Suthar