From 8f14d084a6216b3b769336b9c1e9bae456b3ce53 Mon Sep 17 00:00:00 2001
From: imnyang <imnyang@proton.me>
Date: Mon, 12 May 2025 00:48:07 +0900
Subject: [PATCH] =?UTF-8?q?=ED=83=80=EC=9E=84=EB=9D=BC=EC=9D=B8=20?=
 =?UTF-8?q?=EB=A6=AC=EB=94=94=EB=A0=89=EC=85=98=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=EB=A5=BC=20=ED=86=B5=ED=95=A9=ED=95=98?=
 =?UTF-8?q?=EC=97=AC=20=EC=BD=94=EB=93=9C=20=EC=A0=95=EB=A6=AC=20=EB=B0=8F?=
 =?UTF-8?q?=20=EC=82=AC=EC=9A=A9=EC=9E=90=20=EA=B2=BD=ED=97=98=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/index.tsx                  | 11 +++++++++--
 src/app/page.tsx                   | 30 +++++++++++++++++++++++++++---
 src/app/utils/RedirectTimeline.tsx | 10 ----------
 3 files changed, 36 insertions(+), 15 deletions(-)
 delete mode 100644 src/app/utils/RedirectTimeline.tsx

diff --git a/src/app/index.tsx b/src/app/index.tsx
index 27e12a4..22e4712 100644
--- a/src/app/index.tsx
+++ b/src/app/index.tsx
@@ -1,9 +1,16 @@
 import "../index.css";
 import { BrowserRouter, Routes, Route } from "react-router";
 import { Page } from "./page";
-import RedirectTimeline from "./utils/RedirectTimeline";
 import NotFound from "./utils/NotFound";
 import { ThemeProvider } from "@/components/theme-provider";
+import { useEffect } from "react";
+import { useNavigate } from "react-router";
+
+function TimelineRedirect() {
+  const navigate = useNavigate();
+  useEffect(() => { navigate("/#timeline"); }, [navigate]);
+  return null;
+}
 
 export default function App() {
   return (
@@ -11,7 +18,7 @@ export default function App() {
       <BrowserRouter>
         <Routes>
           <Route path="/" element={<Page />} />
-          <Route path="/timeline" element={<RedirectTimeline />} />
+          <Route path="/timeline" element={<TimelineRedirect />} />
           <Route path="/*" element={<NotFound />} />
         </Routes>
       </BrowserRouter>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 38cbeec..82eb607 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -68,10 +68,30 @@ export function Page() {
 				<picture className="block bg-gray-100 my-4 rounded-xl aspect-3-2 overflow-hidden image-scale object-shadowed">
 					<img src={Image} className="w-full aspect-3-2 object-cover object-center" />
 				</picture>
-				<p>
-					{age}살의 어린 나이지만 저는 항상 <span className="font-extrabold">제가 할 수 있는 최적의 코드</span>를 목표로 하고{" "}
-					<span className="font-extrabold">사용자의 경험을 중심적으로</span> 고려하며 <span className="font-extrabold">새로운 기술에 대한 관심</span>이 높습니다.
+				<p className="mt-6">
+					{age}살의 어린 나이지만, 저는 항상 <span className="font-extrabold text-white">최적의 코드</span>를 목표로 하며,<br />
+					<span className="font-extrabold text-white">사용자 경험</span>을 중심적으로 고민합니다.<br />
+					또한 <span className="font-extrabold text-white">새로운 기술</span>에 대한 관심이 높습니다.
 				</p>
+				<p className="mt-2">
+					초등학교 시절 <span className="font-extrabold text-white">운영체제</span>에 흥미를 느껴 컴퓨터를 시작했고,
+					이후 <span className="font-extrabold text-white">프로그래밍</span>에 관심을 갖게 되었습니다.<br />
+					초등학교 4학년 때 <span className="font-extrabold text-white">Python</span>으로 프로그래밍을 시작했으며,
+					현재는 <span className="font-extrabold text-white">TypeScript</span>를 주로 사용합니다.<br />
+					최근에는 정보보안 분야 중 <span className="font-extrabold text-white">웹 해킹</span>에 관심이 많습니다.
+				</p>
+
+				<div className="flex flex-row items-center justify-center p-4 bg-muted rounded-xl shadow-md mt-6">
+					<img
+						loading="lazy"
+						decoding="async"
+						src="https://skillicons.dev/icons?i=typescript,js,c,cpp,rust,go,java,kotlin,py,html,css,php,react,remix,nextjs,tailwind,tauri,bun,elysia,mongodb,postgres,sqlite,docker,nginx,github,githubactions,git,arduino,raspberrypi,bots"
+						className="w-full max-w-3xl rounded-lg object-contain select-none pointer-events-none transition-transform duration-200 hover:scale-105"
+						alt="기술 스택"
+						title="기술 스택"
+						width={800}
+					/>
+				</div>
 
 				<br />
 
@@ -82,7 +102,11 @@ export function Page() {
 					</a>
 				</p>
 
+				<div className="border-t-1 border-muted rounded-full my-4" />
+
 				<Timeline />
+				<div className="border-t-1 border-muted rounded-full mt-8" />
+
 				<Contact />
 			</div>
 		</div>
diff --git a/src/app/utils/RedirectTimeline.tsx b/src/app/utils/RedirectTimeline.tsx
deleted file mode 100644
index 5178885..0000000
--- a/src/app/utils/RedirectTimeline.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { useEffect } from "react";
-import { useNavigate } from "react-router";
-export default function RedirectTimeline() {
-    const navigate = useNavigate();
-    useEffect(() => {
-        navigate("/#timeline");
-    }, [navigate]);
-
-    return (<></>)
-}
\ No newline at end of file