From 30e642f6da4a327efa1967f08a487a27a06f6658 Mon Sep 17 00:00:00 2001
From: zerocho <zerohch0@gmail.com>
Date: Tue, 16 Jan 2024 23:13:13 +0900
Subject: [PATCH] Update: ch0 codes

---
 .../app/(beforeLogin)/i/flow/login/page.tsx   |  2 +-
 .../app/(beforeLogin)/i/flow/signup/page.tsx  |  2 +-
 ch0/src/app/(beforeLogin)/login/page.tsx      |  8 +--
 ch0/src/app/page.module.css                   | 67 +++++++++++++++++++
 ch0/src/app/page.tsx                          | 22 ++++--
 5 files changed, 90 insertions(+), 11 deletions(-)
 create mode 100644 ch0/src/app/page.module.css

diff --git a/ch0/src/app/(beforeLogin)/i/flow/login/page.tsx b/ch0/src/app/(beforeLogin)/i/flow/login/page.tsx
index 23e3a46..ed2a67f 100644
--- a/ch0/src/app/(beforeLogin)/i/flow/login/page.tsx
+++ b/ch0/src/app/(beforeLogin)/i/flow/login/page.tsx
@@ -4,4 +4,4 @@ export default function Page() {
       로그인모달
     </main>
   );
-}
\ No newline at end of file
+}
diff --git a/ch0/src/app/(beforeLogin)/i/flow/signup/page.tsx b/ch0/src/app/(beforeLogin)/i/flow/signup/page.tsx
index ada1f3f..8002f6a 100644
--- a/ch0/src/app/(beforeLogin)/i/flow/signup/page.tsx
+++ b/ch0/src/app/(beforeLogin)/i/flow/signup/page.tsx
@@ -4,4 +4,4 @@ export default function Page() {
       회원가입모달
     </main>
   );
-}
\ No newline at end of file
+}
diff --git a/ch0/src/app/(beforeLogin)/login/page.tsx b/ch0/src/app/(beforeLogin)/login/page.tsx
index ca585eb..80593d9 100644
--- a/ch0/src/app/(beforeLogin)/login/page.tsx
+++ b/ch0/src/app/(beforeLogin)/login/page.tsx
@@ -1,7 +1,5 @@
+import {redirect} from "next/navigation";
+
 export default function Login() {
-  return (
-    <main>
-      로그인 페이지
-    </main>
-  );
+  redirect('/i/flow/login')
 }
diff --git a/ch0/src/app/page.module.css b/ch0/src/app/page.module.css
new file mode 100644
index 0000000..12448ac
--- /dev/null
+++ b/ch0/src/app/page.module.css
@@ -0,0 +1,67 @@
+.container {
+    display: flex;
+    flex-direction: row;
+    background-color: #fff;
+    width: 100dvw;
+    height: 100dvh;
+}
+.left {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.right {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.right h1 {
+    font-weight: bold;
+    font-size: 64px;
+    margin: 48px 0;
+}
+.right h2 {
+    font-weight: bold;
+    font-size: 31px;
+    margin-bottom: 32px;
+}
+.right h3 {
+    font-weight: bold;
+    font-size: 17px;
+    margin-bottom: 20px;
+    margin-top: 40px;
+}
+
+.signup {
+    width: 300px;
+    height: 40px;
+    border-radius: 20px;
+    padding: 0 16px;
+    font-size: 15px;
+    background-color: rgb(29, 155, 240);
+    color: white;
+    border: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.signup:hover {
+    background-color: rgb(26, 140, 216);
+}
+.login {
+    width: 300px;
+    height: 40px;
+    border-radius: 20px;
+    padding: 0 16px;
+    font-size: 15px;
+    color: rgb(29, 155, 240);
+    border: 1px solid rgb(207, 217, 222);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.login:hover {
+    background-color: rgba(29,155,240,0.1);
+}
\ No newline at end of file
diff --git a/ch0/src/app/page.tsx b/ch0/src/app/page.tsx
index 66bae82..aed0e4e 100644
--- a/ch0/src/app/page.tsx
+++ b/ch0/src/app/page.tsx
@@ -1,7 +1,21 @@
-export default function Home() {
+import styles from "./page.module.css";
+import Image from "next/image";
+import zLogo from "../../public/zlogo.png";
+import Link from "next/link";
+
+export default function Main() {
   return (
-    <main>
-      메인페이지
-    </main>
+    <>
+      <div className={styles.left}>
+        <Image src={zLogo} alt="logo" />
+      </div>
+      <div className={styles.right}>
+        <h1>지금 일어나고 있는 일</h1>
+        <h2>지금 가입하세요.</h2>
+        <Link href="/i/flow/signup" className={styles.signup}>계정 만들기</Link>
+        <h3>이미 트위터에 가입하셨나요?</h3>
+        <Link href="/login" className={styles.login}>로그인</Link>
+      </div>
+    </>
   )
 }