GC-MapleWind · ark1st · Mar 2, 2026 · Mar 2, 2026 · Mar 2, 2026 · Mar 2, 2026
diff --git a/dpbr_front/app/git_branches.txt b/dpbr_front/app/git_branches.txt
diff --git a/dpbr_front/app/git_branches_utf8.txt b/dpbr_front/app/git_branches_utf8.txt
@@ -0,0 +1,35 @@
+  dev
+  feat/comment-anon-and-delete-modal-dev
+  feature-login-signup
+  feature/admin-team-profile
+  feature/frontend-ui-redesign
+* feature/frontend-ui-updates
+  feature/ui-improvement
+  feature/ui-save-card-improve
+  feature/濡쒓렇???뚯썝媛???섏씠吏
+  fix/sidebar-layout-text-fix
+  main
+  remotes/origin/CI/CD
+  remotes/origin/HEAD -> origin/main
+  remotes/origin/backend
+  remotes/origin/dev
+  remotes/origin/feat/application-form-migration
+  remotes/origin/feat/comment-anon-and-delete-modal-dev
+  remotes/origin/feat/dev-deployment
+  remotes/origin/feat/pagination-infinite-sync
+  remotes/origin/feature/admin-team-profile
+  remotes/origin/feature/frontend-ui-redesign
+  remotes/origin/feature/frontend-ui-updates
+  remotes/origin/feature/full-page-capture
+  remotes/origin/feature/ui-improvement
+  remotes/origin/feature/ui-save-card-improve
+  remotes/origin/feature/?볤?
+  remotes/origin/feature/濡쒓렇???뚯썝媛???섏씠吏
+  remotes/origin/fix/deployment-config
+  remotes/origin/fix/sidebar-layout-text-fix
+  remotes/origin/fix/濡쒓렇??id-pw-?섏젙-#17
+  remotes/origin/kakao-login-with-backend
+  remotes/origin/login-only-comment
+  remotes/origin/main
+  remotes/origin/sync/dev-into-feature-ui-improvement
+  remotes/origin/work/frontend-feature-gap
diff --git a/dpbr_front/app/git_status_utf8.txt b/dpbr_front/app/git_status_utf8.txt
@@ -0,0 +1,12 @@
+On branch feature/frontend-ui-updates
+Changes not staged for commit:
+  (use "git add <file>..." to update what will be committed)
+  (use "git restore <file>..." to discard changes in working directory)
+  (commit or discard the untracked or modified content in submodules)
+	modified:   MSGS_13_F (modified content)
+
+Untracked files:
+  (use "git add <file>..." to include in what will be committed)
+	git_status.txt
+
+no changes added to commit (use "git add" and/or "git commit -a")
diff --git a/dpbr_front/app/src/app.css b/dpbr_front/app/src/app.css
@@ -1,5 +1,9 @@
 @import "tailwindcss";
 
+:root {
+  color-scheme: light;
+}
+
 @font-face {
   font-family: 'NexonLv1Gothic';
   src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
@@ -37,14 +41,21 @@
   --color-bg-overlay: #101010;
 }
 
-html, body {
+html,
+body {
   font-family: 'NexonLv1Gothic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  background-color: white;
+  color: var(--color-text-primary);
 }
 
 /* 상호작용 가능한 요소들에 손가락 커서 강제 적용 */
-button, a, input[type="button"], input[type="submit"], input[type="reset"] {
+button,
+a,
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
   cursor: pointer;
 }
 
@@ -53,4 +64,4 @@ input[type="button"]:disabled,
 input[type="submit"]:disabled,
 input[type="reset"]:disabled {
   cursor: not-allowed;
-}
+}
diff --git a/dpbr_front/app/src/app.html b/dpbr_front/app/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="ko">
+<html lang="ko" style="color-scheme: light;">
-<html lang="ko" style="color-scheme: light;">
+<html lang="ko">
-<html lang="ko" style="color-scheme: light;">
+<html lang="ko">
 
 <head>
 	<meta charset="utf-8" />

diff --git a/dpbr_front/app/src/lib/api.ts b/dpbr_front/app/src/lib/api.ts
@@ -47,6 +47,28 @@ function normalizeApiErrorDetail(detail: unknown): string {
 	return collapsed.slice(0, 200);
 }
 
+function parseApiDateTime(raw: string): Date {
+	const normalized = raw.includes(' ') ? raw.replace(' ', 'T') : raw;
+	const hasTimezone = /(?:Z|[+-]\d{2}:?\d{2})$/i.test(normalized);
+	return new Date(hasTimezone ? normalized : `${normalized}Z`);
+}
+
+export function formatCommentDateTime(raw: string): string {
+	const parsed = parseApiDateTime(raw);
+	if (Number.isNaN(parsed.getTime())) {
+		return raw;
+	}
+
+	return parsed.toLocaleString('ko-KR', {
+		timeZone: 'Asia/Seoul',
+		year: '2-digit',
+		month: '2-digit',
+		day: '2-digit',
+		hour: '2-digit',
+		minute: '2-digit',
+	});
+}
+
 function isExpiredJwt(token: string): boolean {
 	try {
 		const payload = token.split('.')[1];
@@ -128,6 +150,10 @@ interface TeamMemberResponse {
 	name: string;
 	role: string;
 	profile_img_url: string | null;
+	message: {
+		title: string;
+		content: string;
+	} | null;
 }
 
 interface TeamMemberDetailResponse extends TeamMemberResponse {
@@ -328,13 +354,7 @@ export async function getComments(page: number = 1, limit: number = 20): Promise
 		author: comment.author,
 		authorAvatar: '/default-avatar.png',
 		content: comment.content,
-		createdAt: new Date(comment.created_at).toLocaleString('ko-KR', {
-			year: '2-digit',
-			month: '2-digit',
-			day: '2-digit',
-			hour: '2-digit',
-			minute: '2-digit'
-		})
+		createdAt: formatCommentDateTime(comment.created_at)
 	}));
 }
 
@@ -380,8 +400,8 @@ export async function getTeamMembers(): Promise<TeamMessageItem[]> {
 		id: member.id.toString(),
 		name: member.name,
 		role: member.role,
-		title: '',
-		content: '',
+		title: member.message?.title || '',
+		content: member.message?.content || '',
 		imageUrl: normalizeAssetUrl(member.profile_img_url)
 	}));
 }

diff --git a/dpbr_front/app/src/lib/components/BottomSheetLogin.svelte b/dpbr_front/app/src/lib/components/BottomSheetLogin.svelte
@@ -22,9 +22,7 @@
     let isLoading = $state(false);
     let studentIdInputRef: HTMLDivElement | undefined = $state();
     let dialogEl: HTMLDivElement | undefined = $state();
-
-    // 에러 메시지 상태
-    let errorMessage = $state("");
+    let infoMessage = $state("");
 
     // 애니메이션을 위한 상태
     let isVisible = $state(false);
@@ -65,7 +63,7 @@
 
     async function handleLogin() {
         if (!name.trim() || !studentId.trim()) {
-            showToastMessage();
+            showInfoMessage("이름 또는 학번을 확인해 주세요.");
             return;
         }
 
@@ -74,12 +72,13 @@
         try {
             await authStore.login(name.trim(), studentId.trim(), saveName);
             // 로그인 성공 시 콜백 호출
+            showInfoMessage("로그인 되었습니다.");
             handleClose();
             setTimeout(() => {
                 onSuccess();
             }, 300);
         } catch (error) {
-            showToastMessage();
+            showInfoMessage("이름 또는 학번을 확인해 주세요.");
             studentId = "";
             studentIdFocused = true;
             setTimeout(() => {
@@ -108,10 +107,10 @@
     }
     */
 
-    function showToastMessage(message?: string) {
-        errorMessage = message || "이름 또는 학번을 확인해 주세요.";
+    function showInfoMessage(message: string) {
+        infoMessage = message;
         setTimeout(() => {
-            errorMessage = "";
+            infoMessage = "";
         }, 3000);
-    function showInfoMessage(message: string) {
-        infoMessage = message;
-        setTimeout(() => {
-            errorMessage = "";
-            infoMessage = "";
-        }, 3000);
+    let infoMessageTimer: ReturnType<typeof setTimeout> | null = null;
+
+    function showInfoMessage(message: string) {
+        infoMessage = message;
+        if (infoMessageTimer) clearTimeout(infoMessageTimer);
+        infoMessageTimer = setTimeout(() => {
+            infoMessage = "";
+            infoMessageTimer = null;
+        }, 3000);
+    }
-    function showInfoMessage(message: string) {
-        infoMessage = message;
-        setTimeout(() => {
-            errorMessage = "";
-            infoMessage = "";
-        }, 3000);
+    let infoMessageTimer: ReturnType<typeof setTimeout> | null = null;
+
+    function showInfoMessage(message: string) {
+        infoMessage = message;
+        if (infoMessageTimer) clearTimeout(infoMessageTimer);
+        infoMessageTimer = setTimeout(() => {
+            infoMessage = "";
+            infoMessageTimer = null;
+        }, 3000);
+    }
     }
 
@@ -164,9 +163,9 @@
     tabindex="-1"
 >
     <div
-        class="w-full shrink-0 h-[72vh] bg-gradient-to-b from-[#FCDDA5] to-[#F1A470] rounded-t-3xl pt-4 pb-8 px-6 flex flex-col items-center shadow-lg transition-transform duration-300 {isVisible
-            ? 'translate-y-0'
-            : 'translate-y-full'}"
+        class="w-full shrink-0 bg-gradient-to-b from-[#FCDDA5] to-[#F1A470] rounded-t-3xl pt-4 pb-8 px-6 flex flex-col items-center shadow-lg transition-all duration-300 {isVisible
+            ? 'h-[72vh] translate-y-0'
+            : 'h-[72vh] translate-y-full'}"
         onclick={(e) => e.stopPropagation()}
     >
         <!-- 닫기 버튼 -->
@@ -192,7 +191,13 @@
             />
 
             <!-- 입력 폼 -->
-            <div class="w-full flex flex-col">
+            <form
+                class="w-full flex flex-col"
+                onsubmit={(e) => {
+                    e.preventDefault();
+                    handleLogin();
+                }}
+            >
                 <!-- 입력 필드 그룹 -->
                 <div class="flex flex-col gap-1 mb-2">
                     <!-- 이름 입력 -->
@@ -233,23 +238,23 @@
 
                 <!-- 로그인 버튼 -->
                 <div class="relative w-full">
-                    {#if errorMessage}
+                    {#if infoMessage}
                         <div
-                            class="absolute bottom-[calc(100%+8px)] left-0 w-full flex justify-center z-[60] pointer-events-none"
+                            class="absolute bottom-full left-1/2 -translate-x-1/2 mb-4 z-[60] pointer-events-none"
                         >
                             <span
                                 class="bg-black/60 text-white text-[15px] px-5 py-2.5 rounded-3xl shadow-md font-medium whitespace-nowrap pointer-events-auto"
                             >
-                                {errorMessage}
+                                {infoMessage}
                             </span>
                         </div>
                     {/if}
                     <Button
                         label="메생결산 톡 입장"
                         variant="primary"
                         buttonState={isLoading ? "disabled" : "default"}
-                        onClick={handleLogin}
-                        type="button"
+                        onClick={() => {}}
+                        type="submit"
                         class="bg-white !text-[#F87C56] hover:bg-white/90 font-medium py-[14px] rounded-lg w-full"
                     />
                 </div>
@@ -298,7 +303,7 @@
                     <span>카카오 로그인</span>
                 </button>
                 -->
-            </div>
+            </form>
 
             <!-- 푸터 안내문구 -->
             <div class="mt-12 mb-4 flex justify-center">

diff --git a/dpbr_front/app/src/lib/components/Button.svelte b/dpbr_front/app/src/lib/components/Button.svelte
@@ -49,7 +49,9 @@
 	aria-label={label}
 >
 	<span class="relative z-10">{label}</span>
-	{#if isPressed || buttonState === "focused"}
-		<div class="absolute inset-0 bg-black/4 rounded-lg"></div>
-	{/if}
+	<div
+		class="absolute inset-0 bg-black/4 rounded-lg transition-opacity duration-100"
+		class:opacity-100={isPressed || buttonState === "focused"}
+		class:opacity-0={!isPressed && buttonState !== "focused"}
+	></div>
 </button>
diff --git a/dpbr_front/app/src/lib/components/Header.svelte b/dpbr_front/app/src/lib/components/Header.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { toast } from "$lib/stores/toast";
+
 	interface Props {
 		variant?: "main" | "detail" | "close" | "save";
 		title?: string;
@@ -18,6 +20,39 @@
 		onCloseClick,
 		onTalkClick,
 	}: Props = $props();
+
+	let logoClickCount = $state(0);
+	let lastLogoClickTime = 0;
+	let isEasterEggActive = false;
+
+	function handleLogoClick() {
+		if (isEasterEggActive) return;
+
+		const now = Date.now();
+		if (now - lastLogoClickTime < 500) {
+			logoClickCount += 1;
+		} else {
+			logoClickCount = 1;
+		}
+		lastLogoClickTime = now;
+
+		if (logoClickCount === 3) {
+			isEasterEggActive = true;
+			const credits = [
+				"Fullstack DevOps & PM\n강민",
+				"\nDesigner & PM\n강민아",
+				"\nFrontend Engineer\n황현성",
+				"\nBackend Engineer\n배승민 서민성 이서윤",
+				"\nServer Engineer\n김형규",
+			].join("\n");
+			toast.show(credits, 5000, "center");
+			logoClickCount = 0;
+
+			setTimeout(() => {
+				isEasterEggActive = false;
+			}, 5000);
+		}
+	}
 </script>
 
 {#if variant === "main"}
@@ -38,12 +73,19 @@
 				draggable="false"
 			/>
 		</button>
-		<img
-			src="/images/logos/logo-text-white.svg"
-			alt="단풍바람"
-			class="h-[18px] object-contain"
-			draggable="false"
-		/>
+		<button
+			type="button"
+			onclick={handleLogoClick}
+			class="flex items-center justify-center h-full active:scale-95 transition-transform"
+			aria-label="단풍바람 로고"
+		>
+			<img
+				src="/images/logos/logo-text-white.svg"
+				alt="단풍바람"
+				class="h-[18px] object-contain"
+				draggable="false"
+			/>
+		</button>
 		<a href="/talk" class="p-2 text-white" aria-label="톡 페이지">
 			<img
 				src="/images/icons/chat-icon-white.svg"

diff --git a/dpbr_front/app/src/lib/components/SettlementListItem.svelte b/dpbr_front/app/src/lib/components/SettlementListItem.svelte
@@ -16,7 +16,7 @@
 
 <a
 	href="/msg/{item.id}"
-	class="flex items-center gap-4 px-6 py-4 bg-white border-b border-bg-light hover:bg-gray-50 focus:bg-gray-50 transition-none last:border-b-0 touch-none select-none"
+	class="flex items-center gap-4 px-6 py-4 bg-white border-b border-bg-light hover:bg-gray-50 focus:bg-gray-50 transition-none last:border-b-0 select-none"
 	style="-webkit-touch-callout: none;"
 	draggable="false"
 >
@@ -38,6 +38,8 @@
 			class="text-[17px] leading-tight text-text-primary font-semibold truncate"
 			>{item.title}</span
 		>
-		<span class="text-[13px] font-normal text-[#9CA3AF]">{formatDate(item.acquiredAt)}</span>
+		<span class="text-[13px] font-normal text-[#9CA3AF]"
+			>{formatDate(item.acquiredAt)}</span
+		>
 	</div>
 </a>