From d4c8ccc81fffe5a61ddd4960722dfbac6a82a1d0 Mon Sep 17 00:00:00 2001
From: devwqc <devwqc@gmail.com>
Date: Thu, 7 Nov 2024 22:43:53 +0900
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20Tech=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Tech.astro | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 src/components/Tech.astro

diff --git a/src/components/Tech.astro b/src/components/Tech.astro
new file mode 100644
index 0000000..03032a8
--- /dev/null
+++ b/src/components/Tech.astro
@@ -0,0 +1,12 @@
+---
+type Props = {
+  label: string;
+};
+
+const { label } = Astro.props;
+---
+
+<span
+  class="inline-flex justify-center items-center border rounded-full bg-gray-100 text-emerald-600 px-2 py-1"
+  >{label}</span
+>

From 3e7cceabe2e772ecab8c53c9a2bfb178f2d2cf82 Mon Sep 17 00:00:00 2001
From: devwqc <devwqc@gmail.com>
Date: Thu, 7 Nov 2024 22:44:07 +0900
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20TechList=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TechList.astro | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/components/TechList.astro

diff --git a/src/components/TechList.astro b/src/components/TechList.astro
new file mode 100644
index 0000000..4a764cd
--- /dev/null
+++ b/src/components/TechList.astro
@@ -0,0 +1,19 @@
+---
+import Tech from './Tech.astro';
+
+type Props = {
+  labels: string[];
+};
+
+const { labels } = Astro.props;
+---
+
+<ul class="flex flex-wrap items-center gap-2">
+  {
+    labels.map((label) => (
+      <li>
+        <Tech label={label} />
+      </li>
+    ))
+  }
+</ul>

From a786d890ca5de19244a6627fc9fdbeb108099b94 Mon Sep 17 00:00:00 2001
From: devwqc <devwqc@gmail.com>
Date: Thu, 7 Nov 2024 22:48:02 +0900
Subject: [PATCH 3/3] =?UTF-8?q?refactor:=20=EA=B2=BD=EB=A0=A5=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/about.astro | 93 ++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 92 insertions(+), 1 deletion(-)

diff --git a/src/pages/about.astro b/src/pages/about.astro
index 23bff11..54d6b80 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,4 +1,5 @@
 ---
+import TechList from '@/components/TechList.astro';
 import PageLayout from '@/layouts/PageLayout.astro';
 ---
 
@@ -9,7 +10,97 @@ import PageLayout from '@/layouts/PageLayout.astro';
       <p class="text-xl">프론트엔드 개발자</p>
     </header>
     <section>
-      <h2 class="text-2xl py-2">교육</h2>
+      <h2 class="text-2xl font-bold py-2">경력</h2>
+      <ul>
+        <li>
+          <p class="text-xl font-bold">메멘토에이아이</p>
+          <p>
+            인턴 <span class="text-slate-500">
+              <time datetime="2024.10">2024.10</time> ~ <time datetime="2024.11"
+                >2024.11</time
+              > (1개월)
+            </span>
+          </p>
+          <div class="py-2">
+            <p class="text-lg font-bold">
+              피부과 시술 예약 및 뷰티 컨설팅 시스템
+            </p>
+            <ul
+              class="[&>:not(:first-child)]:before:content-['-'] [&>:not(:first-child)]:before:px-2"
+            >
+              <li class="py-2">
+                <TechList
+                  labels={[
+                    'React Navite',
+                    'TypeScript',
+                    'TanStack Query',
+                    'Recoil',
+                    'styled-components',
+                  ]}
+                />
+              </li>
+              <li>동의서 다시 받기 이메일 발송</li>
+              <li>서명 미완료 동의서 안내 토스트</li>
+              <li>다국어 지원</li>
+            </ul>
+          </div>
+          <div class="py-2">
+            <p class="text-lg font-bold">
+              피부과 관리 시스템, 백 오피스 시스템
+            </p>
+            <ul
+              class="[&>:not(:first-child)]:before:content-['-'] [&>:not(:first-child)]:before:px-2"
+            >
+              <li class="py-2">
+                <TechList
+                  labels={[
+                    'React',
+                    'TypeScript',
+                    'Turborepo',
+                    'React Router',
+                    'TanStack Query',
+                    'Zustand',
+                    'Tailwind CSS',
+                  ]}
+                />
+              </li>
+              <li>내 정보 페이지, 비밀번호 변경</li>
+              <li>관리자 계정 생성 후 최초 로그인 시 비밀번호 변경</li>
+              <li>다국어 지원</li>
+              <li>기타 QA 진행 및 해결</li>
+            </ul>
+          </div>
+          <div class="py-2">
+            <p class="text-lg font-bold">제품 발주 시스템</p>
+            <ul
+              class="[&>:not(:first-child)]:before:content-['-'] [&>:not(:first-child)]:before:px-2"
+            >
+              <li class="py-2">
+                <TechList
+                  labels={[
+                    'React',
+                    'TypeScript',
+                    'Vite',
+                    'React Router',
+                    'TanStack Query',
+                    'Tailwind CSS',
+                    'shadcn/ui',
+                  ]}
+                />
+              </li>
+              <li>인증, 인가</li>
+              <li>
+                routes 구성, 레이아웃 레벨에서 ErrorBoundary, Suspense 관리
+              </li>
+              <li>입·출고 관리 페이지</li>
+              <li>배송 관리 페이지</li>
+            </ul>
+          </div>
+        </li>
+      </ul>
+    </section>
+    <section>
+      <h2 class="text-2xl font-bold py-2">교육</h2>
       <ul>
         <li>
           <p>