JANG-16 전체적인 레이아웃 설정

.github/workflows/cr.yml

@@ -0,0 +1,21 @@
+name: Code Review
+
+permissions:
+  contents: read
+  pull-requests: write
+
+on:
+  pull_request:
+    types: [opened, reopened, synchronize]
+
+jobs:
+  test:
+    # if: ${{ contains(github.event.*.labels.*.name, 'gpt review') }} # Optional; to run only when a label is attached
+    runs-on: ubuntu-latest
+    steps:
+      - uses: anc95/ChatGPT-CodeReview@main
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
+          # Optional
+          LANGUAGE: Korean

app/@home/screen/RootScreen.tsx

@@ -0,0 +1,23 @@
+import { Button } from '@/app.components/ui/button';
+import Image from 'next/image';
+import Link from 'next/link';
+
+type Props = {};
+
+const RootScreen = () => {
+  return (
+    <article className="text-center">
+      <header className="sr-only">
+        <h1>장타로 단타로</h1>
+        <p>매일 제공되는 주식 및 코인 시장 분석을 타로 카드를 통해 예측합니다.</p>
+        <p>투자의 흐름을 타로로 확인해보세요.</p>
+      </header>
+      <Image src="https://placecats.com/g/450/450" alt="장타로 단타로" width={450} height={450} />
+      <Button size="lg" asChild>
+        <Link href="/pick">타로 뽑기</Link>
+      </Button>
+    </article>
+  );
+};
+
+export default RootScreen;

app/layout.tsx

@@ -1,14 +1,15 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import './globals.css';
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
-  title: "장타로 단타로",
-  description: "'장타로 단타로'에서는 매일 제공되는 주식 및 코인 시장 분석을 타로 카드를 통해 예측합니다. 투자의 흐름을 타로로 확인해보세요.",
-  keywords: "타로 점, 주식 예측, 코인 타로, 투자 분석, 금융 타로 서비스, 매일 타로 점",
-  authors: [{ name: "세번째페이지", url: "https://github.com/3rdpage" }],
+  title: '장타로 단타로',
+  description:
+    "'장타로 단타로'에서는 매일 제공되는 주식 및 코인 시장 분석을 타로 카드를 통해 예측합니다. 투자의 흐름을 타로로 확인해보세요.",
+  keywords: '타로 점, 주식 예측, 코인 타로, 투자 분석, 금융 타로 서비스, 매일 타로 점',
+  authors: [{ name: '세번째페이지', url: 'https://github.com/3rdpage' }],
 };
 
 export default function RootLayout({

app/page.tsx

@@ -1,8 +1,11 @@
+import RootScreen from './@home/screen/RootScreen';
 
-export default function Home() {
+const RootPage = () => {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-
+    <main className="flex justify-center">
+      <RootScreen />
     </main>
   );
-}
+};
+
+export default RootPage;

next.config.mjs

@@ -1,4 +1,8 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  images: {
+    remotePatterns: [{ hostname: 'placecats.com' }],
+  },
+};
 
 export default nextConfig;

tailwind.config.ts

@@ -3,7 +3,7 @@ import type { Config } from "tailwindcss"
 const config = {
   darkMode: ["class"],
   content: [
-    './app/**/*.{ts,tsx}',
+    './**/*.{ts,tsx}',
 	],
   prefix: "",
   theme: {