본문 바로가기

ServerAction

16. 제품 선택부터 이메일 발송까지 - React Hook Form 문의 폼 구현 React Hook Form 문의 폼 구현 - 16편. 제품 선택부터 이메일 발송까지B2B 문의 폼을 구현하여 리드를 수집합니다.이 글에서는 폼 검증, 제품 연결, CAPTCHA, DB 저장, 이메일 발송을 다룹니다.📝 문의 폼의 중요성B2B 서비스에서 문의 폼은 생명줄입니다.여기서 잠재 고객이 들어옵니다.Claude에게 이야기했습니다.문의 폼을 만들어줘.제품 상세에서 "이 제품 문의하기"를 누르면그 제품이 자동으로 선택되게.특히 신경 쓴 부분들이 있었습니다.입력이 쉬워야 함에러가 명확해야 함스팸을 막아야 함접수 확인 이메일이 가야 함🗄️ 문의 데이터 구조create table inquiries ( id uuid primary key default gen_random_uuid(), user_id .. 더보기
10. 회원가입부터 로그아웃까지 - Supabase Auth 로그인 구현 Supabase Auth 로그인 구현 - 10편. 회원가입부터 로그아웃까지Supabase Auth와 Server Action으로 인증 시스템을 구축합니다.이 글에서는 회원가입, 로그인, 로그아웃, 세션 관리, 보안 팁을 다룹니다.🔐 드디어 로그인 만들기DB 설계와 기반 시스템이 갖춰졌습니다. 이제 사용자를 받을 차례입니다.로그인 기능이 없으면 누가 누군지 모릅니다. 문의를 누가 했는지, 견적을 누구에게 보낼지 알 수가 없습니다.인증(Authentication)이 필요했습니다.Claude에게 물었습니다.Supabase로 로그인 기능을 만들 수 있어?Supabase Auth가 내장되어 있어서 별도 서비스 없이 바로 쓸 수 있다고 했습니다.🎯 Supabase Auth의 장점Firebase Auth와 비슷하.. 더보기
16. 제품 선택부터 이메일 발송까지 - React Hook Form 문의 폼 구현 React Hook Form 문의 폼 구현 - 16편. 제품 선택부터 이메일 발송까지B2B 문의 폼을 구현하여 리드를 수집합니다.이 글에서는 폼 검증, 제품 연결, CAPTCHA, DB 저장, 이메일 발송을 다룹니다.📝 문의 폼의 중요성B2B 서비스에서 문의 폼은 생명줄입니다.여기서 잠재 고객이 들어옵니다.Claude에게 이야기했습니다.문의 폼을 만들어줘.제품 상세에서 "이 제품 문의하기"를 누르면그 제품이 자동으로 선택되게.특히 신경 쓴 부분들이 있었습니다.입력이 쉬워야 함에러가 명확해야 함스팸을 막아야 함접수 확인 이메일이 가야 함🗄️ 문의 데이터 구조create table inquiries ( id uuid primary key default gen_random_uuid(), user_id .. 더보기