LEVEL 49 QUEST

기능 확장

대화 저장, 시스템 프롬프트, 마크다운 렌더링으로 챗봇을 업그레이드합니다.

1. 대화 저장 (localStorage)

💾

대화 기록 저장하기

페이지를 새로고침해도 대화가 사라지지 않도록
localStorage에 대화 히스토리를 저장합니다.

// 대화 저장 키
const CHAT_KEY = 'my_chatbot_history';

// 대화 저장 함수
function saveChat() {
  localStorage.setItem(CHAT_KEY, JSON.stringify(chatHistory));
}

// 대화 불러오기 함수
function loadChat() {
  try {
    const saved = localStorage.getItem(CHAT_KEY);
    return saved ? JSON.parse(saved) : [];
  } catch {
    return [];
  }
}

// 페이지 로드 시 이전 대화 복원
chatHistory = loadChat();
chatHistory.forEach(msg => {
  addMessage(msg.parts[0].text, msg.role === 'user');
});

// 메시지 보낼 때마다 저장
chatHistory.push({ role: 'user', parts: [{ text }] });
saveChat(); // 저장!

// 초기화 시 삭제
function clearChat() {
  chatHistory = [];
  localStorage.removeItem(CHAT_KEY);
}

🔒

여기까지는 미리보기입니다

기능 확장
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.

Google로 3초 만에 시작 →🧵 Threads로 시작 무료 공개 강의 둘러보기 (Lv.1~3)