기본 콘텐츠로 건너뛰기

추천 가젯

공간엔 사이트 구축기 (트러블슈팅 & UX 안정화) - 3편

운영 회고 3편 · 트러블슈팅 & UX 안정화 운영 트러블슈팅과 사용자 경험 개선기: 메일 실패를 분리하고 SMS 중심으로 안정화한 과정 🔗 실제 적용 사이트 운영 흐름(상담신청 → 저장 → 알림)과 UX 변화를 같이 보면 더 빠르게 이해돼요. https://www.gongann.co.kr/ 초기에 “메일 + SMS를 둘 다” 보내는 구조로 시작했는데, 운영에서 메일 Edge Function이 SMTP 인증 오류 ( 535 Username and Password not accepted )로 계속 실패했습니다. 반면 SMS는 정상 이었고, 운영 목적은 “상담 신청이 저장되고 관리자가 빠르게 인지하는 것”이라 핵심 경로를 SMS로 단순화 했습니다. 동시에, 사용자가 전송 지연 동안 불안해하지 않도록 pending UI(전송 중…) 와 성공/실패 메시지 를 추가해 UX를 안정화했어요. 요약(핵심 5줄) 1) 장애 증상: 운영에서 메일 발송만 실패( SMTP 535 ), SMS는 정상. 2) 로그 확인 → 원인 분리(메일/문자) → “메일을 떼고 SMS만”으로 핵심 경로 안정화. 3) 상담신청은 DB 저장이 우선이며, SMS 성공만으로 운영상 목적 달성. 4) UX: 전송 중 상태 + 버튼 disabled + 스피너 + 하단 메시지로 불안/중복 제출 감소. 5) 배포 중 divergent branch는 git pull --rebase origin master 로 정리 후 push. 타임라인(운영 대응 흐름) ...

최근 글

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

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

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

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

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

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

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

Icons by Flaticon