LEVEL 18 QUEST
대화 히스토리 저장 & 불러오기
JSON 파일로 대화 영구 저장, 세션ID, 사이드바 목록
LESSON 18-5
대화 히스토리 저장 & 불러오기
ChatGPT처럼 이전 대화를 저장하고, 사이드바에서 원하는 대화를 불러오는 기능을 만들어봅시다. JSON 파일, 세션 ID, 그리고 Flask API까지!
1 왜 대화를 저장해야 할까?
지금까지 우리가 만든 챗봇은 페이지를 새로고침하면 모든 대화가 사라지는 문제가 있었습니다. 이것은 데이터가 브라우저 메모리(JavaScript 변수)에만 존재하기 때문이에요. 실제 서비스에서는 사용자가 언제든 이전 대화를 확인하고 이어서 대화할 수 있어야 합니다.
| 구분 | Session(임시) 저장 | Persistent(영구) 저장 |
|---|---|---|
| 저장 위치 | 브라우저 메모리 / sessionStorage | 서버 파일(JSON) / 데이터베이스 |
| 수명 | 페이지 닫으면 사라짐 | 서버에 영구 보존 |
| 다른 기기 | 접근 불가 | 어디서든 접근 가능 |
| 용량 | 5MB 제한 | 서버 디스크 용량만큼 |
| 적합한 용도 | 임시 상태, 폼 데이터 | 대화 히스토리, 사용자 데이터 |
핵심 포인트
ChatGPT, Claude 같은 AI 서비스들은 모두 서버에 대화를 영구 저장합니다. 우리도 이 방식을 따라 JSON 파일에 대화를 저장하고, 나중에 데이터베이스로 업그레이드할 거예요!
현재 (임시)
사용자 메시지 → JS 배열에 추가 → 화면에 표시
새로고침 → 모든 데이터 소멸
목표 (영구)
사용자 메시지 → 서버 API 호출 → JSON 파일 저장
새로고침 → 서버에서 불러오기 → 대화 복원
🔒
여기까지는 미리보기입니다
대화 히스토리 저장 & 불러오기
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.
Google로 3초 만에 시작 →🧵 Threads로 시작무료 공개 강의 둘러보기 (Lv.1~3)무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.