프로젝트 한 줄 소개
ChatGPT 대화를 기록·요약해 남기는 개인 사고 로그 도구
이 프로젝트는 대화를 단순히 저장하는 것이 아니라,
왜 이 대화를 남겼는지 사용자의 요약과 선택을 통해 기록하는 도구를 목표로 했다.
기획 배경
ChatGPT를 사용하다 보면 다음과 같은 문제가 반복됐다.
- 중요한 대화를 나중에 다시 찾기 어렵다
- 기록은 했지만, 왜 중요한지 맥락이 남지 않는다
- 자동 요약은 편리하지만, 신뢰하기 어렵다
이 프로젝트는
“대화를 다시 읽기 위한 기록”보다
**“사고의 흔적을 남기기 위한 기록”**을 만들고자 시작했다.
핵심 문제 정의
핵심 문제는 두 가지였다.
- 대화 기록은 많아지는데, 다시 활용되지는 않는다
- 요약을 AI에 맡기면 편하지만, 판단 근거가 사라진다
그래서 이 프로젝트에서는
사람의 요약을 중심에 두고,
AI 요약은 참고용으로만 분리하는 구조를 설계했다.
주요 기능
- ChatGPT 대화 내용 복사 → 저장
- 한 줄 요약 입력
- 요약 미입력 시 키워드 기반 기본 요약 생성
- AI 요약(Mock) 생성 버튼 제공
- 사용자 요약(
summary)과 AI 요약(aiSummary) 분리 저장 - 태그 기반 분류
- 제목 / 요약 / 본문 통합 검색
- 로컬 저장(LocalStorage) 기반
- JSON export / import 지원
설계 포인트
1. 요약의 주도권은 사용자에게
이 프로젝트에서 AI 요약은 자동 저장되지 않는다.
사용자가 선택하거나 수정한 요약만 핵심 데이터로 취급한다.
즉, AI는 기록의 주체가 아니라
보조 도구에 머무른다.
2. 자동보다 명시적 행동
자동 저장 대신
사용자가 직접 “저장” 버튼을 눌러야 기록되도록 만들었다.
이 결정은 단순한 UX 선택이 아니라,
기록 행위 자체를 사고의 일부로 본 설계 판단이었다.
3. 확장 가능성을 고려한 구조
현재는 Mock 기반 AI 요약을 사용하지만,
추후 실제 API를 붙일 수 있도록 필드를 분리해 뒀다.
summary: 사용자 요약 또는 기본 요약aiSummary: AI 생성 요약
즉, 현재 구조는 가볍지만
나중에 확장 가능한 형태를 염두에 두고 설계했다.
데이터 구조
저장 단위는 다음 필드를 가진다.
title: 대화 제목summary: 사용자 요약 또는 기본 요약aiSummary: AI 생성 요약tags: 분류용 태그content: 대화 원문createdAt: 기록 시점
이 구조를 통해
원문과 요약을 분리하면서도 검색과 회고에 유리한 형태를 만들었다.
구현 범위
기술 스택
- HTML / CSS / Vanilla JavaScript
- Browser LocalStorage
- 외부 API 미사용 (Mock 기반)
현재 상태
- MVP 구현 완료
- 실사용 가능한 개인 기록 도구
- 기능 확장보다 기록 흐름 검증에 집중한 상태
왜 이 구조로 만들었는가
이 프로젝트에서 보여주고 싶었던 건
기능을 많이 붙이는 능력보다,
기록의 의미를 어떻게 정의하는가였다.
단순 저장 앱으로 만들 수도 있었지만,
그렇게 하면 결국 다시 보지 않는 데이터가 쌓일 가능성이 높다고 판단했다.
그래서 이 프로젝트는 다음 관점을 중심에 두었다.
- 기록은 자동보다 선택이 중요하다
- 요약은 편의보다 판단의 흔적이 중요하다
- AI는 대신 정리하는 존재가 아니라 보조하는 존재여야 한다
향후 확장 방향
- AI 요약 API 연동
- 요약 템플릿 제공
(예: 배운 점 / 다음 행동) - 기록 편집 기능
- 서버 저장 옵션
다만 현재 단계에서는 이를 의도적으로 구현하지 않았다.
먼저 개인 실사용과 기록 흐름 자체를 검증하는 것이 더 중요하다고 봤기 때문이다.
이 프로젝트에서 보여주고 싶은 역량
- 문제를 기능이 아니라 사고 흐름으로 정의한 점
- AI를 자동화 주체가 아니라 보조 도구로 설계한 점
- MVP 범위를 스스로 제한하고 확장을 계획으로 분리한 점
- 개인 사용 도구를 포트폴리오 자산으로 구조화한 점
한 줄 요약
chat-log는
ChatGPT 대화를 단순 저장하는 것이 아니라,
왜 남길 가치가 있는지 사용자의 요약과 선택을 통해 기록하는
개인 사고 로그 도구다.