웹 서비스, 기획부터 개발까지 직접
대신
상황을 적거나 캡처를 올리면 AI가 필요한 서류와 다음 할 일을 정리합니다.
하는 일
환불, 해지, 민원부터 이사와 퇴사까지 다룹니다.
만든 방식
기획, 화면, 서버를 혼자 만들었습니다.
작업 기록
실제 화면
소개
환불, 해지, 민원처럼 귀찮은 일을 적거나 캡처를 올리면, AI가 필요한 서류와 연락처, 다음 할 일을 정리하고 끝날 때까지 진행을 관리해 주는 웹 서비스입니다.
목적
혼자 처리하기 번거로운 생활 속 일을 단계별 할 일과 서류로 바꿔 주는 것.
주요 기능
- 환불, 구독 해지, 이사 준비 등 12가지 상황에서 고르거나, 상황을 적고 캡처를 붙여 시작합니다.
- AI가 필요한 서류, 공식 웹사이트와 전화 연결, 다음 할 일을 정리합니다.
- 건마다 할 일 체크와 진행률, 한국 시간 기준 마감일을 관리합니다.
- 정리한 내용을 PDF, DOCX, TXT, 체크리스트로 내보냅니다.
- 로그인, 푸시 알림, 휴대폰 홈 화면에 앱처럼 추가하기를 지원합니다.
- 커뮤니티 글과 댓글, 주변 장소 찾기, 관리자용 사용량 화면이 있습니다.
적용 기술
- Next.js 16, React 19, TypeScript
- 웹 앱
- Tailwind CSS 4
- 스타일
- Supabase
- 로그인, 데이터베이스, 행 단위 보안(RLS), 비공개 파일 저장
- OpenAI Responses API
- 상황 분석과 할 일 정리
- pdf-lib, docx
- PDF와 Word 파일 내보내기
- Vercel
- 배포
제작 과정
- 2026-09-13: 프로젝트 상태와 검색, 정렬, PDF와 DOCX 내보내기, 커뮤니티 상세와 가이드 5개를 더했습니다.
- 2026-09-20: 요구사항 27개 항목을 하나씩 점검하는 감사표를 만들고 남은 일을 정리했습니다.
구현 중 문제와 해결
- 해결함
문제: AI 호출 비용이 쓰는 만큼 늘어납니다.
고친 방법 사용자별 하루 이용 횟수 제한, 월 예산을 넘으면 막는 정책, 같은 사용자의 동시 요청 잠금을 두고, 자동 재시도는 하지 않습니다. 실제 토큰 사용량으로 비용을 기록합니다.
- 해결함
문제: Google 로그인 뒤 사용자가 개발용 주소(localhost)로 돌아갔습니다.
고친 방법 로그인 서비스(Supabase)의 사이트 주소를 실제 도메인으로 고쳤습니다(2026-09-13).
- 해결함
문제: 사용자가 올린 캡처와 기록은 남이 볼 수 없어야 합니다.
고친 방법 데이터베이스 테이블 24개에 행 단위 보안을 켜고, 첨부는 5MB 이하 이미지만 비공개 저장소에 둡니다. 사용량 기록에는 질문 전문과 키를 남기지 않습니다.
시연과 체험
- 실제 화면 캡처
위의 그림은 실제 화면을 캡처한 것입니다.
지금 daesin.online 주소는 이 포트폴리오를 보여 주고 있어서, 서비스는 화면 캡처로만 볼 수 있습니다. 결제 기능은 사업자 승인 전이라 꺼 두었습니다.
관련 작업
맡은 일과 AI 도구
AI 도구를 쓴 곳
- 서비스 안에서도 AI(OpenAI)를 씁니다. 사용자의 상황을 읽고 할 일을 정리하는 부분입니다.