✨ Update gperi & IdP

dohyun-ko · Apr 27, 2024 · 469f323 · 469f323
1 parent 18ae7e3
commit 469f323
Show file tree

Hide file tree

Showing 6 changed files with 99 additions and 59 deletions.
diff --git a/src/pages/home/resume/components/OrganizationCard.tsx b/src/pages/home/resume/components/OrganizationCard.tsx
@@ -13,7 +13,7 @@ const OrganizationCard = ({ organization }: OrganizationCardProps) => {
   const { name, color, url, job, startedAt, endedAt } = organization;
 
   return (
-    <Flex gap={"20px"} alignItems="start">
+    <Flex gap={"40px"} alignItems="start">
       <Flex
         flexDirection="column"
         width={"280px"}
@@ -36,15 +36,7 @@ const OrganizationCard = ({ organization }: OrganizationCardProps) => {
         </Text>
       </Flex>
 
-      <div
-        style={{
-          height: "100%",
-          width: "1px",
-          backgroundColor: "black",
-        }}
-      />
-
-      <Flex flexDirection="column" gap={"20px"}>
+      <Flex flexDirection="column" gap={"20px"} width={"calc(100% - 335px)"}>
         {organization.projects.map((project) => (
           <ProjectCard key={project.name} project={project} />
         ))}

diff --git a/src/pages/home/resume/sections/CurrentSection.tsx b/src/pages/home/resume/sections/CurrentSection.tsx
@@ -1,10 +1,13 @@
 import Font from "@/types/Font";
+import Organization from "@/types/Organization";
 import { Area, Content, Flex, Spacer, Text } from "@dohyun-ko/react-atoms";
 import OrganizationCard from "../components/OrganizationCard";
 
 interface CurrentPageProps {}
 
-const data = {
+const data: {
+  organizations: Organization[];
+} = {
   organizations: [
     {
       name: "GIST Data Science Lab",
@@ -18,7 +21,7 @@ const data = {
           url: "https://o2arc.com/",
           startedAt: new Date("2024-01"),
           description:
-            "[ARC](https://github.com/fchollet/ARC) 문제의 사람 풀이 데이터 수집을 위한 툴 O2ARC의 3.0 버전을 개발했고 유지보수 중입니다.",
+            "[ARC](https://github.com/fchollet/ARC) 문제의 사람 풀이 데이터 수집을 위한 툴 O2ARC의 3.0 버전을 개발했고 유지보수 중입니다. 개발과 데이터 분석 내용으로 demo 논문을 작성했고 IJCAI 2024에 투고했습니다.",
           whatIDid: ["프론트엔드 개발", "UX 디자인"],
           techStacks: ["React", "TypeScript", "Tailwind CSS"],
         },
@@ -35,9 +38,10 @@ const data = {
           name: "Introductory RL Study",
           url: "https://www.coursera.org/specializations/reinforcement-learning",
           startedAt: new Date("2024-01"),
+          endedAt: new Date("2024-02"),
           description:
-            "Coursera의 강화학습 스페셜리제이션을 통해 강화학습 기초를 공부하고 있습니다.",
-          whatIDid: ["강화학습 기초 공부"],
+            "Coursera의 강화학습 스페셜리제이션을 통해 강화학습 기초를 공부했습니다.",
+          whatIDid: ["강화학습 기초 공부(~Q-Learning)"],
         },
       ],
     },
@@ -66,6 +70,15 @@ const data = {
           whatIDid: ["프론트엔드 개발"],
           techStacks: ["React", "TypeScript", "Next.js", "Tailwind CSS"],
         },
+        {
+          name: "IdP 프론트엔드",
+          url: "https://idp.gistory.me",
+          startedAt: new Date("2024-03"),
+          description:
+            "GIST에서 사용하는 OAuth2.0 인증 시스템 IdP의 프론트엔드를 유지보수하고 있습니다.",
+          whatIDid: ["프론트엔드 유지보수"],
+          techStacks: ["React", "TypeScript", "Tailwind CSS"],
+        },
       ],
     },
     {
@@ -79,32 +92,11 @@ const data = {
           name: "Wing Session",
           startedAt: new Date("2023-03"),
           description: "Wing에서 개발 상황 교류 및 세션을 진행합니다.",
-          whatIDid: ["모노레포에 도입기 세션 진행", "React.cpp 세션 진행"],
-        },
-      ],
-    },
-    {
-      name: "GPERI",
-      color: "#4c568f",
-      url: "https://sites.google.com/view/gperigist",
-      job: "연구부원",
-      startedAt: new Date("2023-07"),
-      projects: [
-        {
-          name: "C언어 교육 진행",
-          startedAt: new Date("2023-07"),
-          endedAt: new Date("2023-08"),
-          description: "부원들에게 C언어 교육을 진행합니다.",
-          whatIDid: ["C언어 교육 진행"],
-          techStacks: ["C"],
-        },
-        {
-          name: "발사체 통신 개발",
-          startedAt: new Date("2023-07"),
-          endedAt: new Date("2023-11"),
-          description: "발사체 통신 개발을 시도했지만 성공하지는 못했습니다.",
-          whatIDid: ["Flight Software 개발", "통신 시스템 개발"],
-          techStacks: ["C", "Zigbee"],
+          whatIDid: [
+            "모노레포에 도입기 세션 진행",
+            "React.cpp 세션 진행",
+            "UI 라이브러리처럼 코드 짜기: Compound Components 세션 진행",
+          ],
         },
       ],
     },

diff --git a/src/pages/home/resume/sections/EducationSection.tsx b/src/pages/home/resume/sections/EducationSection.tsx
@@ -4,6 +4,18 @@ import SectionTitle from "../components/SectionTitle";
 
 interface EducationSectionProps {}
 
+const attendedLectures = [
+  "객체 지향 프로그래밍",
+  "자료 구조",
+  "알고리즘 개론",
+  "컴퓨터 시스템 이론 및 실습",
+  "오토마타 이론",
+  "운영체제",
+  "컴퓨터 그래픽스",
+  "컴퓨터 네트워킹",
+  "기계학습 및 딥러닝",
+];
+
 const EducationSection = ({}: EducationSectionProps) => {
   return (
     <Area id="education-section">
@@ -12,31 +24,49 @@ const EducationSection = ({}: EducationSectionProps) => {
 
         <Spacer height={"30px"} />
 
-        <Flex gap={"20px"}>
+        <Flex gap={"40px"}>
           <Flex
-            flexDirection={"column"}
-            gap={"30px"}
+            gap={"20px"}
+            width={"280px"}
             style={{
               borderLeft: `5px solid #EB0D00`,
               paddingLeft: "10px",
             }}
           >
-            <Flex flexDirection={"column"}>
-              <Text font={Font.Bold} size={"2rem"}>
-                GIST
-              </Text>
-              <Text size={"1rem"}>전기전자컴퓨터공학부</Text>
-              <Text size={"1rem"}>2022. 2 ~ 현재</Text>
+            <Flex flexDirection={"column"} gap={"30px"}>
+              <Flex flexDirection={"column"}>
+                <Text font={Font.Bold} size={"2rem"}>
+                  GIST
+                </Text>
+                <Text size={"1rem"}>전기전자컴퓨터공학부</Text>
+                <Text size={"1rem"}>2022. 2 ~ 현재</Text>
+              </Flex>
+            </Flex>
+            <Flex flexDirection={"column"} gap={"30px"}>
+              <Spacer
+                height={"18px"}
+                style={{
+                  flexGrow: 0,
+                }}
+              />
+              <Text size={"1rem"}>TGPA 3.93 / 4.5</Text>
             </Flex>
           </Flex>
-          <Flex flexDirection={"column"} gap={"30px"}>
-            <Spacer
-              height={"18px"}
-              style={{
-                flexGrow: 0,
-              }}
-            />
-            <Text size={"1rem"}>TGPA 3.93 / 4.5</Text>
+
+          <Flex
+            flexDirection={"column"}
+            width={"calc(100% - 335px)"}
+            gap={"10px"}
+          >
+            <Text size={"1.125rem"} weight={"bold"}>
+              수강 강좌
+            </Text>
+
+            <Flex gap={"0 10px"} wrap={"wrap"}>
+              {attendedLectures.map((lecture) => (
+                <Text>{lecture}</Text>
+              ))}
+            </Flex>
           </Flex>
         </Flex>
       </Content>

diff --git a/src/pages/home/resume/sections/ExperienceSection.tsx b/src/pages/home/resume/sections/ExperienceSection.tsx
@@ -109,6 +109,32 @@ const data = {
         },
       ],
     },
+    {
+      name: "GPERI",
+      color: "#4c568f",
+      url: "https://sites.google.com/view/gperigist",
+      job: "연구부원",
+      startedAt: new Date("2023-07"),
+      endedAt: new Date("2024-3"),
+      projects: [
+        {
+          name: "C언어 교육 진행",
+          startedAt: new Date("2023-07"),
+          endedAt: new Date("2023-08"),
+          description: "부원들에게 C언어 교육을 진행했습니다.",
+          whatIDid: ["C언어 교육 진행"],
+          techStacks: ["C"],
+        },
+        {
+          name: "발사체 통신 개발",
+          startedAt: new Date("2023-07"),
+          endedAt: new Date("2023-11"),
+          description: "발사체 통신 개발을 시도했지만 성공하지는 못했습니다.",
+          whatIDid: ["Flight Software 개발", "통신 시스템 개발"],
+          techStacks: ["C", "Zigbee"],
+        },
+      ],
+    },
   ],
 };
 

diff --git a/src/pages/home/resume/sections/MetaSection.tsx b/src/pages/home/resume/sections/MetaSection.tsx
@@ -9,7 +9,7 @@ const MetaSection = ({}: MetaSectionProps) => {
       <Content>
         <Flex>
           <Text font={Font.Thin} size={"1.25rem"}>
-            Last update: 2024-02-23
+            Last update: 2024-04-26
           </Text>
         </Flex>
       </Content>

diff --git a/src/pages/home/resume/sections/SideProjectSection.tsx b/src/pages/home/resume/sections/SideProjectSection.tsx
@@ -29,7 +29,7 @@ const data = {
       startedAt: new Date("2023-10"),
       endedAt: new Date("2023-11"),
       description:
-        "메이커톤에서 GPT-4 API와 라즈베리파이를 결합해 일상 대화에서 의미를 추론해 스위치, 스피커 등 IoT 기기 조작하는 AI 비서를 개발했습니다.",
+        "메이커톤에서 GPT-4 API와 라즈베리파이를 결합해 일상 대화에서 의미를 추론하고 스위치, 스피커 등 IoT 기기를 조작하는 AI 비서를 개발했습니다.",
       whatIDid: ["OpenAI API 연동", "기획 및 발표자료 준비"],
       techStacks: ["Python"],
     },