Complete step 6

npc_social_network/data/memories/Alice.json

@@ -0,0 +1,12 @@
+[
+  {
+    "timestamp": "2025-05-25T23:58:16.332072",
+    "user": "hi",
+    "npc": "\n    \n\n\n\n< additional info >\n    1. Feelings are not considered in the answer.\n2. You can use any of the following functions: \n   - 1. `round` function\n   - 2. `math.sqrt` function\n   - 3. `math.pi` function\n3. You can use any combination of the three functions in your answer.\n4. You can use any of the following variables: \n   - 1. `user` \n   - 2. `user1` \n   - 3. `user2`\n   - 4. `user3`\n   - 5. `user4`\n   - 6. `user5`\n   - 7. `"
+  },
+  {
+    "timestamp": "2025-05-25T23:58:36.199869",
+    "user": "what you are name?",
+    "npc": "\n    \n\n\n\n< Cat\n    Alice의 유저와의 대화에 relateive point score를 기준으로\n    -1.00  :  very different\n    0.00   :  almost same\n    1.00   :  very similar\n    2.00   :  more different\n    1.00 : very different\n    0.00 : almost same\n    1.00 : very different\n    0.00 : almost same\n    1.00 : very different\n    0.00 : almost same\n    1.00 : very different\n    0.00 : almost same"
+  }
+]

npc_social_network/models/npc.py

@@ -1,5 +1,7 @@
 # portfolio/npc_social_network/models/npc.py
 import datetime
+import json
+import os
 
 class NPC:
     def __init__(self, name, personality):
@@ -9,22 +11,35 @@ class NPC:
         self.relationship_with_user = 0.0   # 유저와의 관계 점수
         self.relationship_with_npcs = {}    # 다른 npc들과의 관계 {이름: 점수}
 
+        # NPC 기억 불러오기
+        self.memory_path = f"npc_social_network/data/memories/{self.name}.json"
+        self.load_memory()
+
     def remember_conversation(self, user_input, npc_response):
         self.memory.append({
             "timestamp": datetime.datetime.now().isoformat(),
             "user": user_input,
             "npc": npc_response
         })
+        # NPC 기억 저장
+        self.save_memory()
 
     def update_user_relationship(self, score_delta):
-        self.relationship_with_user += score_delta
-        self.relationship_with_user = max(min(self.relationship_with_user, 1.0), -1.0)   # -1.0~1.0 범위
+        self.relationship_with_user = max(min(self.relationship_with_user + score_delta, 1.0), -1.0)   # -1.0~1.0 범위
 
     def update_npc_relationship(self, other_npc_name, score_delta):
-        if other_npc_name not in self.relationship_with_npcs:
-            self.relationship_with_npcs[other_npc_name] == 0.0
-        self.relationship_with_npcs[other_npc_name] += score_delta
+        self.relationship_with_npcs[other_npc_name] = self.relationship_with_npcs.get(other_npc_name, 0.0) + score_delta
         self.relationship_with_npcs[other_npc_name] = max(min(self.relationship_with_npcs[other_npc_name], 1.0), -1.0)
 
     def get_latest_memory(self, n=5):
-        return self.memory[-n:]
+        return self.memory[-n:]
+    
+    def save_memory(self):
+        os.makedirs(os.path.dirname(self.memory_path), exist_ok=True)
+        with open(self.memory_path, 'w', encoding="utf-8") as f:
+            json.dump(self.memory, f, ensure_ascii=False, indent=2)
+
+    def load_memory(self):
+        if os.path.exists(self.memory_path):
+            with open(self.memory_path, 'r', encoding='utf-8') as f:
+                self.memory = json.load(f)

npc_social_network/routes/npc_route.py

@@ -28,6 +28,7 @@ def chat():
         [f"User: {m['user']}\n{npc_name}: {m['npc']}" for m in recent_memory]
     )
 
+    # 프롬프트 구성
     prompt = f"""
     당신은 이름이 {npc.name}인 가상의 캐릭터입니다.
     당신의 성격은 "{npc.personality}"입니다.
@@ -47,4 +48,25 @@ def chat():
     npc.remember_conversation(user_input, npc_reply)
     npc.update_user_relationship(0.05) # 임시로 0.05 상승 (추후 감정 분석 등으로 조절)
 
-    return jsonify({'response': npc_reply})
+    # 다른 NPC에게 유저에 대한 정보 전달
+    for other_name, other_npc in npc_list.items():
+        if other_name != npc.name:
+            relation_score = npc.relationship_with_npcs.get(other_name, 0.0)
+            if relation_score > 0.5:
+                # 유저에 대한 인상이 전달됨
+                other_npc.update_user_relationship(0.02 * relation_score)
+
+    return jsonify({'response': npc_reply})
+
+# npc 상태 정보
+@npc_bp.route('/npc_info', methods=['GET'])
+def npc_info():
+    npc_name = request.args.get('npc')
+    npc = npc_list[npc_name]
+
+    return jsonify({
+        "name":npc.name,
+        "personality": npc.personality,
+        "relationship_with_user": npc.relationship_with_user,
+        "relationship_with_npcs": npc.relationship_with_npcs
+    })

npc_social_network/static/js/npc_chat.js

@@ -3,7 +3,15 @@
 async function sendMessage() {
     const userMessage = document.getElementById("message").value;
     const npc = document.getElementById("npc").value;
+    const responseBox = document.getElementById("chatBox");
 
+    if (userMessage.trim() == "") return;
+
+    // UI에 유저 메시지 추가
+    responseBox.innerHTML += `<div class = "chat-message"><span class="user">You:</span> ${userMessage}</div>`;
+    document.getElementById("message").value = "";
+
+    // 서버에 메시지 전송
     const response = await fetch('/npc_social_network/chat', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
@@ -11,6 +19,8 @@ async function sendMessage() {
     });
 
     const data = await response.json();
-    document.getElementById("chatBox").innerHTML += `<p><strong>You:</strong> ${userMessage}</p>`;
-    document.getElementById("chatBox").innerHTML += `<p><strong>${npc}:</strong> ${data.response}</p>`;
+    responseBox.innerHTML += `<div class="chat-message"><span class="npc">${npc}:</span> ${data.response}</div>`;
+
+    // 스크롤 하단 고정
+    responseBox.scrollTop = responseBox.scrollHeight;
 }

npc_social_network/templates/chat.html

@@ -1,21 +1,29 @@
 <!-- portfolio/npc_social_network/templates/chat.html -->
 <!DOCTYPE html>
-    <html lang="en">
+    <html lang="ko">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>NPC Chat</title>
+
+        <link rel="stylesheet" herf="{{ url_for('static', filename='style.css') }}"
     </head>
     <body>
-        <h1>NPC 소셜 네트워크</h1>
-        <select id = "npc">
-            <option>Alice</option>
-            <option>Bob</option>
-            <option>Charlie</option>
-        </select>
-        <input type="text" id="message" placeholder="메세지를 입력하세요"/>
-        <button onclick="sendMessage()">보내기</button>
+        <h2>NPC 소셜 네트워크</h2>
+
+        <div class="meta-info">
+            <label for="npc"> 대화할 NPC: </label>
+            <select id = "npc" onchange="loadNPCInfo()">
+                <option>Alice</option>
+                <option>Bob</option>
+                <option>Charlie</option>
+            </select>
+            <span id="relationStatus" style="margin-left:20px";>관계 점수: 로딩 중...</span>
+        </div>
+
         <div id="chatBox"></div>
+        <input type="text" id="message" placeholder="메세지를 입력하세요" style="width:80%">
+        <button onclick="sendMessage()">보내기</button>
 
         <script src="{{ url_for('npc_social.static', filename='js/npc_chat.js') }}"></script>
     </body>