웹 개발자 Kwak입니다.

구독 권한: 어디서 막을 것인가

UI에서만 막으면 우회되고, 화면마다 '구독 중' 판정이 달라 만료된 구독이 '이용 중'으로 보이는데 접근은 막히는 불일치가 있었습니다.

• middleware(경로)·서버 액션(중복 결제)·DB RLS(데이터) 세 층에서 검사
• 판정 함수(isActiveSubscription)와 게이팅 경로 목록을 단일 소스로 공유

화면 표시와 실제 접근 권한이 항상 같은 기준으로 동작합니다.

결제·환불: 금액은 서버에서만 계산

• Toss 빌링·웹훅·환불 API 구현
• 환불 정책(7일 이내 전액, 이용 50% 초과 환불 없음, 그 사이 잔여 기간 비례)을 순수 함수로 분리하고 단위 테스트

현재 사이트는 데모 결제 모드로, 실제 청구 없이 구독 흐름을 체험할 수 있습니다.

플로우노트: 믿을 수 있는 실행 취소

실행 취소에 선택·패널 같은 UI 상태와 타이핑 한 글자씩이 모두 기록되고, 되돌린 뒤 화면과 데이터가 어긋나는 문제가 있었습니다.

• zundo 이력 대상을 노드·엣지 데이터로 한정하고 UI 상태는 제외
• 500ms 안의 연속 입력은 한 단계로 병합, 최대 50단계
• 되돌린 뒤 React Flow 뷰·저장 여부·선택 노드를 데이터에 맞춰 재동기화
• 프로젝트 로드 시 이력 초기화, 동작은 단위 테스트로 고정
• IA·기획서 작성 흐름을 공부하며 노드 상세·태그·내비게이션 트리 등 사용성 보강

되돌리기 후에도 화면과 저장 상태가 항상 일관됩니다.

멀티테넌시 B2B 백오피스

• 회사 단위 테넌트로 데이터 분리
• 역할 → 권한 레벨(PUBLIC/USER/MANAGER/ADMIN) 매핑으로 메뉴 접근 제어
• 게스트 접근 제한, 초대·가입 요청에 rate limit

보안·개인정보 노출 제어

• 입장 코드 쿠키를 HMAC 서명해 위조 방지
• 로그인 후 이동 경로 검증으로 오픈 리다이렉트 차단
• 관리자 판정은 사용자가 수정할 수 없는 app_metadata 기준
• 잠긴 소개 섹션은 서버에서 렌더링하지 않아 HTML에도 내려가지 않음

실시간 반영

• 투표 결과는 Supabase Realtime(postgres_changes)으로 실시간 집계
• 채팅은 Firebase Realtime Database