WORKFOLIO

문제

고객 정보·일정·작업·비용·자료·피드백이 여러 도구에 흩어지고, 내부 정보와 고객 공개 정보의 경계가 불분명해지는 문제를 해결하고자 했습니다.

제약

• 고객별 데이터는 공개하지 않고 내부 운영 기록과 고객 검수 흐름만 공개

핵심 결정

• 운영자·협업자·고객별로 필요한 정보와 행동 구분
• 공개 스냅샷과 내부 데이터를 분리한 공유 구조 설계
• Supabase Auth와 PostgreSQL RLS로 접근 권한 검증
• 피드백을 작업·수정 요청으로 연결하는 처리 흐름 구현
• 비밀 파일과 대용량 파일을 제외하는 백업 검증 적용

구현

• 고객사·프로젝트·작업·진행 기록·입금·링크 통합 관리
• 로그인 없는 고객 공유와 공개 범위·만료일 설정
• 고객 댓글·승인·수정 요청을 후속 업무로 전환
• 협업자 역할과 프로젝트·파일 권한 분리
• 작업 폴더의 파일 경로를 유지하는 버전별 백업
• 실제 데이터와 분리된 브라우저 전용 체험 모드

결과

• 실제 계정용 워크스페이스와 로그인 없는 고객 화면을 제공하며, 샘플 데이터 기반 체험 모드는 변경 내용을 현재 브라우저에만 저장하도록 운영하고 있습니다.

사용 기술

• React 19
• TypeScript
• Vite 8
• TanStack Query
• Supabase
• PostgreSQL RLS
• Firebase Hosting

주요 화면