Fix: 프로필 이미지 경로 수정 및 채팅 페이지 리다이렉트 로직 개선. 프로필 이미지 로딩 시 사용자 프로필 이미지 인덱스 증가, 채팅 페이지에서 현재 경로에 따라 리다이렉트 처리 추가.

Author: pwc2002

src/app/(layout)/profile/page.jsx

@@ -97,7 +97,7 @@ export default function ProfilePage() {
                 </div>
                 <div className="-mt-20 z-10">
                     <Image
-                        src={'/userProfile/' + user.profileImage + '.png' || `/userProfile/1.png`}
+                        src={'/userProfile/' + (parseInt(user.profileImage)+1) + '.png' || `/userProfile/1.png`}
                         alt="profile"
                         width={150}
                         height={150}

src/components/ChatMessages.jsx

@@ -4,8 +4,10 @@ import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import rehypeKatex from 'rehype-katex';
 import 'katex/dist/katex.min.css';
+import { useAuth } from '@/contexts/AuthContext';
 
 export default function ChatMessages({ chatList }) {
+    const { user } = useAuth();
     const handleCopyText = (text) => {
         navigator.clipboard.writeText(text);
         alert("Copied to clipboard");
@@ -64,7 +66,7 @@ export default function ChatMessages({ chatList }) {
             {chatList.map((message, index) => (
                 <div key={index} className={`flex mb-7 ${message.sender === 'USER' ? 'justify-end' : 'justify-start'}`}>
                     <div className="flex flex-row">
-                        <Image src={message.sender === 'USER' ? '/icon/user.png' : '/icon/ai.png'} alt="user" width={24} height={24} className="w-10 h-10 rounded-lg z-10" />
+                        <Image src={message.sender === 'USER' ? '/userProfile/' + (parseInt(user.profileImage)+1) + '.png' : '/icon/ai.png'} alt="user" width={24} height={24} className="w-10 h-10 rounded-lg z-10" />
                         <div className="flex flex-col ml-2 max-w-full">
                             <div className="text-xs font-semibold">{message.sender}</div>
                             <div className={`flex flex-col text-xs rounded-2xl pr-4 pl-7 py-5 -ml-5 ${message.sender === 'USER' ? 'items-end bg-[#4b4f5b]' : 'items-start bg-[#28303F]'}`}>

src/components/Chatlist.jsx

@@ -29,7 +29,11 @@ export default function Chatlist() {
         localStorage.setItem("lastChattingId", "");
         setLastViewedChatId("");
         setCurrentChatId(null);
-        router.push('/chat');
+        if (window.location.pathname === '/chat') {
+            window.location.reload();
+        } else {
+            router.push('/chat');
+        }
     };
 
     if (loading) {

src/contexts/AuthContext.js

@@ -43,6 +43,7 @@ export function AuthProvider({ children }) {
   const logout = () => {
     setUser(null);
     localStorage.removeItem('user');
+    localStorage.removeItem('lastChattingId');
     console.log('✅ 사용자 정보 삭제');
     document.cookie = "jwtToken=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
     router.push('/');