기본 콘텐츠로 건너뛰기

추천 가젯

공간엔 사이트 구축기 (상담신청 폼 & SMS 알림 기능) - 2편

구축기 2편 · 상담신청 폼 & SMS 알림 상담신청 폼 구현과 Supabase Edge Function 연동기 (DB 저장 + Naver Cloud SENS LMS 발송) 🔗 결과물 확인 실제 적용된 사이트에서 흐름/UX를 같이 보면 더 감이 와요. https://www.gongann.co.kr/ 이번 편은 “상담신청이 들어오면 DB에 먼저 안전하게 저장 하고, 그 다음에 Naver Cloud SENS로 LMS를 발송 하는” 실무 흐름을 정리합니다. 핵심은 프론트 submit 흐름(저장 → 함수 호출) 과 Edge Function에서 HMAC 서명 생성 후 SENS 호출 , 그리고 secrets/배포 체크포인트 예요. 요약(핵심 3~5줄) 1) 프론트는 입력 수집 후 inquiries 테이블에 먼저 저장 하고, 성공 시 Edge Function( send-inquiry-sms )을 호출합니다. 2) Edge Function은 Supabase secrets 에서 환경변수를 읽고, SENS 요청용 HMAC 서명 을 만들어 API를 호출합니다. 3) 로컬 .env 는 “내 컴퓨터”에서만 유효하고, 운영 반영은 secrets 설정 + 함수 재배포 가 필수입니다. 4) 운영 검증은 Supabase logs + SENS 콘솔 + 실수신 단말 까지 세트로 확인합니다. 문제/요구사항 운영 기준 알림 실패가 있어도 신청 데이터는 유실되면 안 됨 (원장 보존...

최근 글

Vite + React + Supabase로 상담신청 기능이 있는 인테리어 사이트 구축기 - 1편

리액트 + 비트(Vite)로 모바일 청첩장 만들기 — 2편

리액트 + 비트(Vite)로 모바일 청첩장 만들기 — 1편

파이썬 shutil 완전 정복 📦 — 복사·이동·삭제·압축까지

파이썬 subprocess 완전 정복 ⚙️ — 외부 명령 실행·입출력 캡처·타임아웃

파이썬 tempfile 완전 정복 🗂️ — 안전한 임시 파일·폴더 만들기

파이썬 pathlib 완전 정복 🧭 — 파일·디렉터리 경로를 우아하게 다루기

파이썬 logging 모듈 완전 정복 📜 — 콘솔·파일·회전 로그까지

파이썬 tarfile 모듈 완전 정복 🎯 — TAR 압축/해제 자동화

Icons by Flaticon