외주 프로젝트의 작업·진행 기록·입금 정보를 관리하고, 고객의 검수 의견을 후속 작업으로 연결하는 서비스입니다. 프로젝트를 관리하는 화면과 고객에게 공유하는 화면을 따로 구성했습니다.
관리자 대시보드 · 2026.10.02 공개 데모 캡처
기간 2026.07–현재 · 개인 프로젝트
담당 기획·사용 흐름·프론트엔드·Supabase 데이터 및 권한 설계
기술 React · TypeScript · Vite · TanStack Query · Supabase
이 페이지의 새 캡처는 모두 공개 데모의 샘플 데이터입니다. 체험 중 변경한 내용은 현재 브라우저에만 저장되며 실제 고객에게 전달되지 않습니다.
진행 상황과 입금 기록, 파일과 수정 요청이 메신저와 문서에 흩어지면 같은 내용을 다시 모아야 했습니다. 고객사에 프로젝트를 연결하고, 프로젝트 안에서 작업·진행 기록·입금·파일을 관리하도록 구성했습니다.
작업에는 담당자·마감일·상태와 고객 공개 여부를 둡니다. 목록과 칸반 보기, 담당자·상태 필터로 필요한 작업을 찾아볼 수 있습니다.
작업 목록 · 담당자, 마감일, 진행 상태와 공개 여부
고객은 공유 링크에서 프로젝트 진행 상황과 공개한 자료를 확인합니다. 관리 메뉴 없이 검수에 필요한 내용부터 읽고, 댓글·승인·수정 요청을 구분해 남길 수 있도록 했습니다.
같은 프로젝트를 고객이 보는 화면 · 공개 데모
내부 메모와 코드 백업을 화면에서 가리는 데 그치지 않고, 공개 함수에서 반환할 필드를 따로 정했습니다. 작성·수정할 때 공개 여부를 선택하고, 공유 링크 토큰은 해시값으로 검증합니다.
고객이 남긴 수정 요청은 운영 화면에서 담당자·우선순위·기한·처리 상태와 함께 관리합니다. 고객의 원문을 보면서 후속 작업을 정할 수 있도록 구성했습니다.