From 1b05e22787d5f1cf3860d26f7b41eba1da8b4588 Mon Sep 17 00:00:00 2001
From: dongree <dongwoo0307@naver.com>
Date: Sat, 6 Jan 2024 22:05:36 +0900
Subject: [PATCH 1/2] =?UTF-8?q?Chore:=20=EC=82=AC=EC=9A=A9=ED=95=98?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8A=94=20=EC=BD=94=EB=93=9C=20=EC=A7=80?=
 =?UTF-8?q?=EC=9A=B0=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/me/[slug]/layout.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/app/me/[slug]/layout.tsx b/src/app/me/[slug]/layout.tsx
index aab2ccd..2b051d2 100644
--- a/src/app/me/[slug]/layout.tsx
+++ b/src/app/me/[slug]/layout.tsx
@@ -1,7 +1,6 @@
 import Header from '@/components/shared/Header';
 import {
   getHistory,
-  getMemosByUserId,
   getRankInfoByUserId,
   getStatsByUserId,
 } from '@/service/me';
@@ -41,7 +40,6 @@ export default async function MeLayout({ children, params: { slug } }: Props) {
     notFound();
   }
 
-  const memosData = getMemosByUserId(userId);
   const historyData = getHistory(
     userId,
     new Date().getFullYear(),

From 2f0ba7cb91014c590f4bc5304134cc999a4d05ac Mon Sep 17 00:00:00 2001
From: dongree <dongwoo0307@naver.com>
Date: Sun, 14 Jan 2024 19:51:01 +0900
Subject: [PATCH 2/2] =?UTF-8?q?Fix:=20=EB=9E=9C=EB=94=A9=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20LCP=20=EC=84=B1=EB=8A=A5=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                          | 17 ------
 package.json                               |  1 -
 src/components/landing/LandingMain.tsx     | 64 ++--------------------
 src/components/landing/MainDescription.tsx | 51 +++++++++++++++++
 4 files changed, 55 insertions(+), 78 deletions(-)
 create mode 100644 src/components/landing/MainDescription.tsx

diff --git a/package-lock.json b/package-lock.json
index a5c9c64..f6337e0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -70,7 +70,6 @@
         "tailwindcss-animate": "^1.0.6",
         "timeago.js": "^4.0.2",
         "tiptap-markdown": "^0.8.1",
-        "typeit-react": "^2.6.4",
         "typescript": "5.1.3"
       },
       "devDependencies": {
@@ -14661,22 +14660,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/typeit": {
-      "version": "8.7.1",
-      "resolved": "https://registry.npmjs.org/typeit/-/typeit-8.7.1.tgz",
-      "integrity": "sha512-Bx/O4NMz10NWh9FWYtVwV4XwGHF9UDJfpCZPJRtw2/oUcahFAStU8J0t19aroPfTV6s1UlS5ICoqilOqmEnh2Q==",
-      "hasInstallScript": true
-    },
-    "node_modules/typeit-react": {
-      "version": "2.6.4",
-      "resolved": "https://registry.npmjs.org/typeit-react/-/typeit-react-2.6.4.tgz",
-      "integrity": "sha512-ZFx7MYYirvQ1P6qvzN+ONMOWzkktuw2skBln/GQc5xpzqfSA48J2Fn5De/KtVkYbWOuLfKBPTwzJTH+clbAsAA==",
-      "dependencies": {
-        "react": ">=17.0.0",
-        "react-dom": ">=17.0.0",
-        "typeit": "^8.7.1"
-      }
-    },
     "node_modules/typescript": {
       "version": "5.1.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.3.tgz",
diff --git a/package.json b/package.json
index 15ada55..f820acb 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,6 @@
     "tailwindcss-animate": "^1.0.6",
     "timeago.js": "^4.0.2",
     "tiptap-markdown": "^0.8.1",
-    "typeit-react": "^2.6.4",
     "typescript": "5.1.3"
   },
   "devDependencies": {
diff --git a/src/components/landing/LandingMain.tsx b/src/components/landing/LandingMain.tsx
index d4e4654..b8db4b9 100644
--- a/src/components/landing/LandingMain.tsx
+++ b/src/components/landing/LandingMain.tsx
@@ -1,68 +1,12 @@
-'use client';
-
-import { MAIN_PATH } from '@/utils/const';
 import Image from 'next/image';
-import Link from 'next/link';
-import { useRef, useState } from 'react';
-import TypeIt from 'typeit-react';
-import down from '@/assets/icons/down.svg';
 import logo from '@/assets/inforum_logo.png';
+import MainDescription from '@/components/landing/MainDescription';
 
 export default function LandingMain() {
-  const [readyState, setReadyState] = useState(false);
-  const firstScreenRef = useRef<null | HTMLDivElement>(null);
-
   return (
-    <div
-      className="flex flex-col justify-center items-center h-screen bg-gradient-to-t from-soma-blue-30 from-0% via-white via-80%"
-      ref={firstScreenRef}
-    >
-      <Image
-        src={logo}
-        width={350}
-        alt="logo"
-        className={`transition-opacity ${
-          readyState ? 'opacity-100' : 'opacity-0 invisible'
-        }  duration-1000 ease-in-out`}
-      />
-      <h1 className="mt-5 overflow-hidden text-4xl font-bold text-center sm:text-6xl">
-        <TypeIt
-          options={{
-            strings: [''],
-            speed: 70,
-            waitUntilVisible: true,
-            afterComplete: () => {
-              setReadyState(true);
-            },
-          }}
-        >
-          무한한 개발 이야기 공간
-        </TypeIt>
-      </h1>
-      <div
-        className={`flex flex-col items-center transition-opacity ${
-          readyState ? 'opacity-100' : 'opacity-0 invisible'
-        }  duration-1000 ease-in-out`}
-      >
-        <p className="text-sm text-center sm:text-2xl my-7 ">
-          다양한 개발 컨텐츠를 쉽고 간편하게 만들어 보세요
-          <br />
-          인포럼과 함께 긍정적인 개발 생태계를 만들어봐요
-        </p>
-        <Link href={`${MAIN_PATH}`}>
-          <div className="flex justify-center items-center bg-soma-blue-40 w-72 h-16 shadow-2xl text-white px-3.5 py-2 rounded-3xl transition hover:bg-soma-blue-50 sm:text-2xl">
-            시작하기
-          </div>
-        </Link>
-      </div>
-      <Image
-        src={down}
-        alt="down"
-        className={`absolute bottom-10 animate-bounce transition-opacity rounded-full
-        ${
-          readyState ? 'opacity-100' : 'opacity-0 invisible'
-        } duration-1000 ease-in-out duration`}
-      />
+    <div className="flex flex-col justify-center items-center h-screen bg-gradient-to-t from-soma-blue-30 from-0% via-white via-80%">
+      <Image src={logo} width={350} alt="logo" />
+      <MainDescription />
     </div>
   );
 }
diff --git a/src/components/landing/MainDescription.tsx b/src/components/landing/MainDescription.tsx
new file mode 100644
index 0000000..6373b62
--- /dev/null
+++ b/src/components/landing/MainDescription.tsx
@@ -0,0 +1,51 @@
+'use client';
+
+import Image from 'next/image';
+import Link from 'next/link';
+import { useEffect, useState } from 'react';
+import { MAIN_PATH } from '@/utils/const';
+import down from '@/assets/icons/down.svg';
+
+export default function MainDescription() {
+  const [readyState, setReadyState] = useState(false);
+
+  useEffect(() => {
+    setReadyState(true);
+  }, []);
+
+  return (
+    <div>
+      <h1
+        className={`mt-5 overflow-hidden text-4xl font-bold text-center sm:text-6xl ransition-opacity ${
+          readyState ? 'opacity-100' : 'opacity-0 invisible'
+        }  duration-500 ease-in-out`}
+      >
+        무한한 개발 이야기 공간
+      </h1>
+      <div
+        className={`flex flex-col items-center transition-opacity ${
+          readyState ? 'opacity-100' : 'opacity-0 invisible'
+        }  duration-500 ease-in-out`}
+      >
+        <p className="text-sm text-center sm:text-2xl my-7 ">
+          다양한 개발 컨텐츠를 쉽고 간편하게 만들어 보세요
+          <br />
+          인포럼과 함께 긍정적인 개발 생태계를 만들어봐요
+        </p>
+        <Link href={`${MAIN_PATH}`}>
+          <div className="flex justify-center items-center bg-soma-blue-40 w-72 h-16 shadow-2xl text-white px-3.5 py-2 rounded-3xl transition hover:bg-soma-blue-50 sm:text-2xl">
+            시작하기
+          </div>
+        </Link>
+      </div>
+      <Image
+        src={down}
+        alt="down"
+        className={`absolute m-auto left-0 right-0 bottom-10  animate-bounce transition-opacity rounded-full
+        ${
+          readyState ? 'opacity-100' : 'opacity-0 invisible'
+        } duration-1000 ease-in-out `}
+      />
+    </div>
+  );
+}