Update: ch0 codes

ZeroCho · Jan 16, 2024 · 30e642f · 30e642f
1 parent dc9a85d
commit 30e642f
Show file tree

Hide file tree

Showing 5 changed files with 90 additions and 11 deletions.
diff --git 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>
   );
-}
+}
diff --git 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>
   );
-}
+}
diff --git 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
@@ -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);
+}
diff --git 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>
+    </>
   )
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,4 +4,4 @@ export default function Page() { @@
           로그인모달
         </main>
       );
-    }
+    }