From e9988471395a2eaef11dbccb418c640fe01ea5a1 Mon Sep 17 00:00:00 2001
From: art <artbiit@naver.com>
Date: Tue, 30 Jun 2026 16:25:02 +0900
Subject: [PATCH] =?UTF-8?q?feat(redesign):=20=ED=94=84=EB=A1=9C=ED=95=84?=
 =?UTF-8?q?=20=ED=97=A4=EB=8D=94/=EB=82=B4=20=EA=B2=8C=EC=9E=84=20?=
 =?UTF-8?q?=ED=96=89=20=EB=B9=84=EC=A3=BC=EC=96=BC=20=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=96=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

profile.jsp에 .profile-head·.game-row·.avatar·.card 외형 클래스 적용.
모델은 기존 scriptlet(session attr·myGames getName/getThumbnailUrl) 보존,
디자인 ${user.*} EL 미채택. submitNickname/uploadAvatar AJAX +
BibimbapCsrf.headers·JS참조 id 불변. 미존재 라우트(공개토글
/games/{id}/visibility, /profile/edit)는 비노출.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/main/webapp/WEB-INF/views/profile.jsp | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/main/webapp/WEB-INF/views/profile.jsp b/src/main/webapp/WEB-INF/views/profile.jsp
index 8e5ca60..fd13a5f 100644
--- a/src/main/webapp/WEB-INF/views/profile.jsp
+++ b/src/main/webapp/WEB-INF/views/profile.jsp
@@ -434,13 +434,13 @@
     <main class="profile-main">
         <section class="profile-shell" aria-labelledby="profile-title">
             <div class="profile-heading">
-                <p class="profile-heading__eyebrow">BIBIMBAP ACCOUNT</p>
-                <h1 class="profile-heading__title" id="profile-title">프로필</h1>
+                <p class="profile-heading__eyebrow section-eyebrow">BIBIMBAP ACCOUNT</p>
+                <h1 class="profile-heading__title section-title" id="profile-title">프로필</h1>
             </div>
 
             <div class="profile-panel">
-                <div class="profile-summary">
-                    <div class="profile-avatar" aria-hidden="true">
+                <div class="profile-summary profile-head">
+                    <div class="profile-avatar avatar" aria-hidden="true">
                         <img id="profile-avatar-img" src="<%= avatarUrl %>" alt="" width="96" height="96" <%= avatarUrl.isBlank() ? "hidden" : "" %> />
                         <span id="profile-avatar-initial" <%= avatarUrl.isBlank() ? "" : "hidden" %>><%= avatarInitial %></span>
                     </div>
@@ -463,14 +463,14 @@
                 </div>
 
                 <div class="profile-actions">
-                    <a class="profile-button profile-button--primary" href="<%= ctx %>/">홈으로 이동</a>
+                    <a class="profile-button profile-button--primary btn btn-primary" href="<%= ctx %>/">홈으로 이동</a>
                     <form action="<%= ctx %>/logout" method="post">
-                        <button class="profile-button" type="submit">로그아웃</button>
+                        <button class="profile-button btn btn-ghost" type="submit">로그아웃</button>
                     </form>
                 </div>
             </div>
 
-            <div class="profile-games">
+            <div class="profile-games card">
                 <div class="profile-games__head">
                     <h2 class="profile-games__title">내 게임</h2>
                     <span class="profile-games__count"><%= myGames.size() %>개</span>
@@ -494,15 +494,15 @@
                             }
                             boolean visible = game.getVisible() == null || game.getVisible();
                     %>
-                    <div class="profile-game">
-                        <a class="profile-game__thumb" href="<%= ctx %>/game/<%= game.getId() %>" aria-hidden="true" tabindex="-1">
+                    <div class="profile-game game-row">
+                        <a class="profile-game__thumb thumb" href="<%= ctx %>/game/<%= game.getId() %>" aria-hidden="true" tabindex="-1">
                             <% if (hasImage) { %>
                             <img src="<%= thumbUrl %>" alt="" loading="lazy" decoding="async" />
                             <% } else { %>
                             <img class="profile-game__fallback" src="<%= ctx %>/images/logo.png" alt="" width="40" height="40" />
                             <% } %>
                         </a>
-                        <div class="profile-game__body">
+                        <div class="profile-game__body meta">
                             <a class="profile-game__name" href="<%= ctx %>/game/<%= game.getId() %>"><%= gameName %></a>
                             <div class="profile-game__meta">
                                 <span class="profile-game__status <%= visible ? "profile-game__status--visible" : "" %>"><%= visible ? "공개" : "비공개" %></span>
@@ -510,7 +510,7 @@
                             </div>
                         </div>
                         <div class="profile-game__actions">
-                            <a class="profile-game__action" href="<%= ctx %>/game/<%= game.getId() %>/edit">수정</a>
+                            <a class="profile-game__action btn btn-ghost" href="<%= ctx %>/game/<%= game.getId() %>/edit">수정</a>
                         </div>
                     </div>
                     <% } %>