feat: 로그인 화면

2026-02-26 12:29:45 +09:00
parent 53f160384d
commit dabb442048
14 changed files with 402 additions and 102 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,15 @@
 import type { Metadata } from 'next';
+import { Noto_Sans_KR } from 'next/font/google';
 import './globals.css';

+// 1. Noto Sans KR 폰트 설정 (라틴어, 프랑스어, 한국어 등 다국어 지원 베이스)
+const notoSans = Noto_Sans_KR({
+  subsets: ['latin'], // 영어, 프랑스어 등 기본 라틴 알파벳 포함
+  weight: ['300', '400', '500', '700'], // 얇은 굵기부터 두꺼운 굵기까지 로드
+  variable: '--font-noto-sans', // Tailwind CSS에서 사용할 CSS 변수 이름
+  display: 'swap', // 폰트 로딩 시 텍스트 깜빡임 방지
+});
+
 export const metadata: Metadata = {
  title: 'VibeRoom - 당신만의 편안한 몰입 공간',
  description: '프리랜서와 온전한 집중이 필요한 분들을 위한 따뜻하고 구조화된 온라인 코워킹 스페이스. 작업 타이머, 세션 관리, 그리고 느슨한 연대를 통해 당신의 리듬을 찾아보세요.',
@@ -12,10 +21,10 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="ko">
-      <body className="antialiased bg-stone-50 text-stone-800">
+    <html lang="ko" className={notoSans.variable}>
+      <body className="antialiased font-sans">
        {children}
      </body>
    </html>
  );
-}
+}