ESG 자가진단 SaaS

Supabase Auth로 가입·이메일 인증·로그인을 연결했습니다. 인증은 버튼을 눌러야 완료되고, 세션이 만료돼도 입력은 지우지 않습니다.

• 인증 링크가 메일 보안 검사기에 의해 미리 소모되지 않도록 버튼 클릭형 확인 페이지 + 전용 CSP
• 세션 만료를 감지하면 입력을 지우지 않고 재로그인만 안내 — 만료와 네트워크 오류를 구분
• Supabase 오류 코드 전체를 한국어 문구로 바꾸는 메시지 모듈(단위 시험)
• 가입 메일 제목·본문을 수신 메일함별 스팸 판정 실험으로 조정, 회사 메일 SMTP로 발송

로컬 Mailpit으로 실제 메일을 받아 링크를 여는 통합 시험을 만들어, 가입부터 인증 완료까지를 사람 손 없이 매번 검증했습니다.

작성 중 진단을 브라우저와 서버에 함께 저장해 재로그인 뒤 이어 씁니다. 제출은 몇 번을 다시 보내도 한 건만 저장됩니다.

• 진단 시작 때 id를 정해 끝까지 쓰는 멱등 제출 — 연타·재시도해도 중복 저장 없음
• 브라우저·서버 임시저장을 합쳐 같은 id는 최신 쪽만 보여 주는 이어 쓰기 목록
• 복원한 값은 그대로 믿지 않고 화면이 아는 영역·범위로 정리해 채움
• 공용 PC를 고려해 로그아웃 때 이 기기 기록 삭제, 기간 지난 기록 자동 정리

iOS Safari가 7일 미방문 사이트 저장소를 지우는 점을 감안해 브라우저 임시저장만 믿지 않고 서버 사본을 함께 두었습니다.

같은 기업을 다시 진단하면 회차가 쌓이고 영역별 변화를 비교합니다. 회차는 제출 순간 DB가 매겨 겹치지 않습니다.

• 회차 번호를 BEFORE 트리거에서 계정 단위 advisory lock으로 부여 — 동시 제출에도 중복 없음
• 제출된 진단은 트리거로 수정·삭제 불가, 작성 중 진단만 본인이 고치고 지울 수 있음
• 계정당 작성 중 20건·24시간 50건·전체 1,000건 상한을 DB에서 강제(HTTP 429)
• 기업명은 보이지 않는 문자·앞뒤 공백을 거부해 회차 묶음이 조용히 갈라지지 않게 함

받은 원본의 '조회 후 +1' 회차 계산이 두 탭에서 겹치던 결함을, 화면 코드가 아니라 DB 한 곳에서 해결했습니다.

결과를 응답 원본과 함께 스냅샷으로 저장해 언제 열어도 같은 리포트가 나오고, A4 인쇄 스타일로 바로 인쇄·PDF 저장합니다.

• 진단 1건 = 응답 원본 + 문항 버전 + 결과 스냅샷, 결과 점수 범위는 JSON 경로 CHECK로 검증
• 인쇄 전용 CSS — 화면 요소 숨김, 차트 크기 고정, 스크롤 상자 펼침, 빈 마지막 쪽 제거
• 인쇄 파일명을 기업명·날짜 규칙으로 자동 지정
• 원본 정답지(입력→결과)를 고정해 연동 뒤에도 계산 결과가 원본과 같은지 시험

연동 과정에서 진단 로직이 조금도 바뀌지 않았다는 것을 원본 결과 정답지 대조 시험으로 증명했습니다.

RLS로 본인 진단만 보이게 하고 휴대폰 브라우저에 맞춰 다듬었습니다. release 반영만으로 자동 배포됩니다.

• RLS 정책 4종 — 이메일 인증을 마친 본인 명의로만 생성·조회, 두 계정 격리 시험 통과
• 보안 헤더(CSP·HSTS·X-Frame-Options 등)를 빌드에 포함하고 배포 후 실측 점검
• 빌드가 관리자용(secret) 키 혼입을 감지하면 중단, 사용자 입력 출력 지점 XSS 방지
• 휴대폰 입력칸 16px로 자동 확대 방지, 안드로이드·iOS 브라우저 점검 결과표 납품

빌드 → 초안 게시 → 처리 확인 → 운영 게시 → 게시본 재확인까지를 스크립트 하나로 묶고 GitHub Actions에 연결했습니다.