Add career in Danggn Market

src/components/main/MainCareer.vue

@@ -0,0 +1,21 @@
+<script lang="ts" setup></script>
+
+<template>
+  <div class="header" style="margin-top: 6rem">
+    {{ $t("main.career.header") }}
+  </div>
+  <i18n-t
+    class="sub-header detail"
+    keypath="main.career.danggn.header"
+    tag="div"
+  >
+    <template #duration>
+      <span class="detail-value">
+        {{ $t("main.career.danggn.duration") }}
+      </span>
+    </template>
+  </i18n-t>
+  <ul>
+    <li class="detail semi-bold">{{ $t("main.career.danggn.tbd") }}</li>
+  </ul>
+</template>

src/i18n/en.ts

@@ -20,6 +20,14 @@ export default {
     back: "Go back",
   },
   main: {
+    career: {
+      header: "Career",
+      danggn: {
+        header: "Danggn Market, Software Engineer Intern (Backend){duration}",
+        duration: "(2024.08 ~ 2024.11)",
+        tbd: "TBD",
+      },
+    },
     education: {
       header: "Education",
       bachelor: {

src/i18n/ko.ts

@@ -20,6 +20,14 @@ export default {
     back: "돌아가기",
   },
   main: {
+    career: {
+      header: "경력",
+      danggn: {
+        header: "당근마켓, 소프트웨어 엔지니어 인턴 (백엔드){duration}",
+        duration: "(2024.08 ~ 2024.11)",
+        tbd: "추가 예정",
+      },
+    },
     education: {
       header: "학력",
       bachelor: {

src/views/MainView.vue

@@ -2,6 +2,7 @@
   <section class="content-hr bottom"></section>
   <section class="content-main">
     <MainInformation></MainInformation>
+    <MainCareer></MainCareer>
     <MainExperience></MainExperience>
     <MainEducation></MainEducation>
     <MainProjects></MainProjects>
@@ -13,4 +14,5 @@ import MainInformation from "@/components/main/MainInformation.vue";
 import MainExperience from "@/components/main/MainExperience.vue";
 import MainEducation from "@/components/main/MainEducation.vue";
 import MainProjects from "@/components/main/MainProjects.vue";
+import MainCareer from "@/components/main/MainCareer.vue";
 </script>