[Feat] Open resume, portfolio again

- add Socar
sanghunlee-711 · Jan 30, 2024 · a616990 · a616990
1 parent eef10d4
commit a616990
Show file tree

Hide file tree

Showing 9 changed files with 163 additions and 133 deletions.
diff --git a/public/posts/post-personnel/2024-01-17-remind-in-usa.md b/public/posts/post-personnel/2024-01-17-remind-in-usa.md
@@ -10,7 +10,7 @@ tags: [Career]
 math: true
 mermaid: true
 image:
-  src: 'https://image.yes24.com/goods/78586788/XL'
+  src: 'static/images/posts/remind-in-usa/years.jpg'
   height: 585
 ---
 
@@ -90,7 +90,7 @@ image:
 
 확신하는 부분은 내가 네임밸류만을 쫒고 흥미가 적은 비즈니스 모델을 가진 단체를 이 시기에 갔다면 인간적으로서의 성숙함과 개발자로서의 넓은 시야를 지금만큼은 가지지 못할 것이라고 생각한다.
 
-회사에 네임밸류는 외부에 보이기에 정말 중요한 요소고, 다음 이직을 할때에도 분명히 걸림돌이 될 수 있으나 2~5년 개발자하고 그만 둘 것이 아니라면 이런 경험은 인간적인 성장에 있어서 정말 도움이 되는 것 같다.
+회사의 네임밸류는 외부에 보이기에 정말 중요한 요소고, 다음 이직을 할때에도 분명히 걸림돌이 될 수 있으나 2~5년 개발자하고 그만 둘 것이 아니라면 이런 경험은 인간적인 성장에 있어서 정말 도움이 되는 것 같다.
 
 남을 이해하는 법을 배웠고, 나의 교만함은 위험한 것이었고, 개발자는 개발만 해서는 안된다는 것을 알게 되었다.
 
@@ -100,17 +100,19 @@ image:
 
 # 3. 공부일까, 체득일까?
 
-개발 공부를 3년 이상은 하였으나 개발 경력이 3년이상 쌓이지 않았을까 싶어 지금까지의 웹개발과 관련된 공부에 대한 나의 짧은 견해를 남겨보려한다.
+개발 공부를 3년 이상은 했으니, 개발 경력이 3년이상 쌓인 것이기에 지금까지의 웹개발과 관련된 공부에 대한 나의 짧은 견해를 남겨보려한다.
+
+공돌이라 그런지 원리가 나에게는 정말 중요하였다.
 
 초반에 사설 부트캠프를 통해 환경엔지니어로서의 퇴직금을 태우고 공부를 하였는데, 이 때는 활용법만 배운 것을 뒤늦게 깨달았다.
 
 가령 리액트는 이렇게 개발하면 되는 것 같다는 정도의 감 정도를 배우게 된 것이지 어떻게 돌아가고 네트워크를 통해 어떤 파일을 받기 때문에 최적화를 이렇게 해야되고.. 하는 등의 세부지식을 알 수 없는 상태였다.
 
 따라서 초기에는 만들기 급급하였고 이해도가 상당히 떨어진 상태에서 공부와 개발을 진행했던 것 같다.
 
-공돌이라 그런지 원리가 나에게는 정말 중요하였다.
+다만 원리가 중요하다는 생각을 놓치지 않고 있다보니 적정한 선에서의 원론적인 접근을 계속 시도하였다.
 
-이 글을 쓴 이 블로그 조차도 React의 SPA가 그렇게 돌아간다면 이걸 유사하게라도 만들어봐야 하지 않나라는 관점에서 진행하였던 것이니 말이다.
+이 글을 쓴 블로그는 React의 SPA가 작동되는 방식을 공부하던 와중, 이걸 유사하게라도 만들어 보면 이해가 빠르지 않을까? 하는 관점에서 진행하였던 것이니 말이다.
 
 원리가 중요하다는 본인의 개인적인 의견은 모든 것을 달달 외우고 물어보면 답이 튀어나와야하는 강박을 가져야 한다는 것에서는 다소 떨어진 의견이다.
 

diff --git a/src/common/constants/route.js b/src/common/constants/route.js
@@ -12,11 +12,11 @@ export const ROUTES = [
     name: 'Home',
     components: Home,
   },
-  // {
-  //   path: '/about',
-  //   name: 'About',
-  //   components: About,
-  // },
+  {
+    path: '/about',
+    name: 'About',
+    components: About,
+  },
   {
     path: '/post',
     name: 'Post',
@@ -27,16 +27,16 @@ export const ROUTES = [
     name: 'GuestBook',
     components: GuestBook,
   },
-  // {
-  //   path: '/resume',
-  //   name: 'Resume',
-  //   components: Resume,
-  // },
-  // {
-  //   path: '/portfolio',
-  //   name: 'Portfolio',
-  //   components: PortFolio,
-  // },
+  {
+    path: '/resume',
+    name: 'Resume',
+    components: Resume,
+  },
+  {
+    path: '/portfolio',
+    name: 'Portfolio',
+    components: PortFolio,
+  },
   {
     path: '/content',
     name: 'Content',

diff --git a/src/languages/eng/Resume/experience.js b/src/languages/eng/Resume/experience.js
@@ -1,92 +1,102 @@
+export const SOCAR = {
+  name: 'SOCAR',
+  tenure: 'Working',
+  explanation:
+    'company that strives to create a world where everyone moves happily.',
+  coprEx:
+    'Marketing Engineering Team, Common Resource Team Front-end Developer',
+};
+
 export const OYSTERABLE = {
-  name: "Oysterable",
-  tenure: "Working...",
+  name: 'Oysterable',
+  tenure: '1year 11 months',
   explanation:
-    "In the name of being a platform for heroes who protect the Earth, the company is developing disposable cups, lunch box returners and ETC. Based on IoT and Sass technology concepts and is being reborn as an environmental protection platform.",
+    'In the name of being a platform for heroes who protect the Earth, the company is developing disposable cups, lunch box returners and ETC. Based on IoT and Sass technology concepts and is being reborn as an environmental protection platform.',
   coprEx:
-    "Development team front-end developer, <strong>Front-end team leader</strong>",
+    'Development team front-end developer, <strong>Front-end team leader</strong>',
   monorepo: {
     title:
-      "Introduction monorepository system for in-house management service integration",
+      'Introduction monorepository system for in-house management service integration',
     dupCodeTitle:
-      "Elimination of duplicate components and code within similar back-office services",
+      'Elimination of duplicate components and code within similar back-office services',
     dupCodeRemoveLines:
-      "Removed over 65,000 lines of duplicate code based on Git diff by separating common UI and logic",
+      'Removed over 65,000 lines of duplicate code based on Git diff by separating common UI and logic',
     dupCodeUsingYarn:
-      "Enable code sharing for each project through yarn work space",
+      'Enable code sharing for each project through yarn work space',
   },
   repeatImprovement: {
-    title: "Improved repetitive development work",
+    title: 'Improved repetitive development work',
     script:
-      "Improved DX so that approximately 1,500 lines can be automatically written by creating an automation script that generates the folder structure and component code of the repetitive UI.",
+      'Improved DX so that approximately 1,500 lines can be automatically written by creating an automation script that generates the folder structure and component code of the repetitive UI.',
   },
   trApp: {
-    title: "Today’s recycling app improvement",
-    speedImprovement: "Improve app operation speed",
+    title: 'Today’s recycling app improvement',
+    speedImprovement: 'Improve app operation speed',
     imporvementCache:
-      "Reduced number of API calls by 66% compared to before through improved browser cache utilization and state management",
+      'Reduced number of API calls by 66% compared to before through improved browser cache utilization and state management',
     lightHouse:
-      "LightHouse score performance increased by 50 points through improved dynamic import and rendering block options.",
+      'LightHouse score performance increased by 50 points through improved dynamic import and rendering block options.',
     polyfill:
-      "Use Polyfill for cross-browser response of webview within the app",
+      'Use Polyfill for cross-browser response of webview within the app',
   },
   teamLead: {
-    title: "Front-end team leader [2022/11~ ]",
+    title: 'Front-end team leader [2022/11 ~ 2024/01]',
     dxImprovementTitle:
-      "Establishing a team development culture and promoting skills",
+      'Establishing a team development culture and promoting skills',
     usingJira:
-      "Use Jira Tickets to manage and distribute team member work schedules",
+      'Use Jira Tickets to manage and distribute team member work schedules',
     codeReview:
-      "Maintain product quality in teams composed of small numbers of people and juniors by implementing a code review",
+      'Maintain product quality in teams composed of small numbers of people and juniors by implementing a code review',
     codeQuality:
-      "Enhance code consistency by applying automatic lint check using github actions and husky",
+      'Enhance code consistency by applying automatic lint check using github actions and husky',
     testSetting:
-      "Increase product stability by setting Cypress, testing-library, and Jest environments and writing code",
+      'Increase product stability by setting Cypress, testing-library, and Jest environments and writing code',
   },
 };
 
 export const DTIME = {
-  name: "Dtime",
-  tenure: "10 months",
+  name: 'Dtime',
+  tenure: '10 months',
   explanation:
     "DTIME is a startup selected for Kyobo Life Insurance's accelerator program with the goal of solving various organizational difficulties faced by companies.",
-  coprEx: "Development team front-end developer",
+  coprEx: 'Development team front-end developer',
   calculate: {
-    title: "Insight Support Fund Calculator",
-    coworkTitle: "Provide our services to partner companies",
+    title: 'Insight Support Fund Calculator',
+    coworkTitle: 'Provide our services to partner companies',
     webpack:
-      "Provide a bundled JavaScript file using custom elements and webpack to partner companies",
+      'Provide a bundled JavaScript file using custom elements and webpack to partner companies',
   },
   serviceMaintenance: {
-    title: "Insight Maintenance and Development",
-    codeQuality: "Improvement of code quality",
+    title: 'Insight Maintenance and Development',
+    codeQuality: 'Improvement of code quality',
     ReduxSaga:
-      "Application of Flux pattern using Redux-Saga and Redux-Toolkit for state management",
-    QA: "Elimination of 5-10 minutes of QA time for vacation creation cases with 30 different scenarios through UI/UX and test code",
+      'Application of Flux pattern using Redux-Saga and Redux-Toolkit for state management',
+    QA: 'Elimination of 5-10 minutes of QA time for vacation creation cases with 30 different scenarios through UI/UX and test code',
   },
   serviceAngular: {
-    title: "UI/UX Maintenance",
+    title: 'UI/UX Maintenance',
     contents:
-      "Design improvement of main pages originally built with Angular, simultaneously transitioning to React",
+      'Design improvement of main pages originally built with Angular, simultaneously transitioning to React',
   },
 };
 
 export const BRANDI = {
-  tenure: "2 months",
-  name: "BRANDI",
-  coprEx: "Front-end Development Intern",
+  tenure: '2 months',
+  name: 'BRANDI',
+  coprEx: 'Front-end Development Intern',
   explanation:
-    "I participated as a front-end development intern at BRANDI, a shopping platform that provides dawn delivery services utilizing big data.",
+    'I participated as a front-end development intern at BRANDI, a shopping platform that provides dawn delivery services utilizing big data.',
   clone: {
-    title: "Clone Project",
-    uiux: "UI/UX development",
-    vue: "Development of a clone site based on Vue.js for an existing shopping mall",
+    title: 'Clone Project',
+    uiux: 'UI/UX development',
+    vue: 'Development of a clone site based on Vue.js for an existing shopping mall',
     caroucel:
-      "Development of various UI/UX components such as carousel, GNB, and product list rendering",
+      'Development of various UI/UX components such as carousel, GNB, and product list rendering',
   },
 };
 
 export default {
+  SOCAR,
   OYSTERABLE,
   DTIME,
   BRANDI,

diff --git a/src/languages/eng/Resume/introductions.js b/src/languages/eng/Resume/introductions.js
@@ -1,8 +1,8 @@
-import { caculateYears } from "../../../common/utils/year.js";
+import { caculateYears } from '../../../common/utils/year.js';
 
 const INTRODUCTIONS = `
 Hello, I'm Sanghunlee with <strong>${caculateYears(
-  "2021-04-12"
+  '2020-09-01'
 )}years</strong> experience as Web front-end developer .\n
 I believe that front-end development is a part of web development, and I have basic knowledge of web development in general.
 Very interested in the implementation principles of JavaScript frameworks and libraries, as well as development suited to web standards.

diff --git a/src/languages/ko/Resume/experience.js b/src/languages/ko/Resume/experience.js
@@ -1,85 +1,94 @@
+export const SOCAR = {
+  name: '쏘카(SOCAR)',
+  tenure: '재직중',
+  explanation:
+    '모든 사람이 자유롭고 행복하게 이동하는 세상을 만들기 위해 노력하는 회사입니다.',
+  coprEx: '마케팅엔지니어링팀, 커먼 리소스팀 프론트엔드 개발자',
+};
+
 export const OYSTERABLE = {
-  name: "오이스터에이블(Oysterable)",
-  tenure: "재직 중",
+  name: '오이스터에이블(Oysterable)',
+  tenure: '1년 11개월',
   explanation:
-    "지구를 지키는 히어로들의 플랫폼이라는 명목으로 일회용컵, 도시락 반납기 등을 Iot, Sass기술 개념 기반으로 개발하며 환경보호 플랫폼으로 거듭나고 있는 회사입니다.",
-  coprEx: "개발팀 프론트엔드 개발자, <strong>프론트엔드 팀 리더</strong>",
+    '지구를 지키는 히어로들의 플랫폼이라는 명목으로 일회용컵, 도시락 반납기 등을 Iot, Sass기술 개념 기반으로 개발하며 환경보호 플랫폼으로 거듭나고 있는 회사입니다.',
+  coprEx: '개발팀 프론트엔드 개발자, <strong>프론트엔드 팀 리더</strong>',
   monorepo: {
-    title: "사내 관리 서비스 통합 모노레포지토리 시스템 도입",
-    dupCodeTitle: "유사 백오피스 서비스 내의 중복 컴포넌트 및 로직 코드 제거",
+    title: '사내 관리 서비스 통합 모노레포지토리 시스템 도입',
+    dupCodeTitle: '유사 백오피스 서비스 내의 중복 컴포넌트 및 로직 코드 제거',
     dupCodeRemoveLines:
-      "공통 UI, 로직 분리를 하여 Git diff 기준 중복코드 65,000 여 줄 제거",
+      '공통 UI, 로직 분리를 하여 Git diff 기준 중복코드 65,000 여 줄 제거',
     dupCodeUsingYarn:
-      "yarn work space를 통해 각 프로젝트 별 코드 공유 사용 가능하게 변경",
+      'yarn work space를 통해 각 프로젝트 별 코드 공유 사용 가능하게 변경',
   },
   repeatImprovement: {
-    title: "반복 개발 업무 개선",
+    title: '반복 개발 업무 개선',
     script:
-      "반복되는 UI의 폴더구조와 컴포넌트 코드를 생성해주는 자동화 스크립트를 작성하여 1,500여줄이 자동 작성이 되도록 DX 개선",
+      '반복되는 UI의 폴더구조와 컴포넌트 코드를 생성해주는 자동화 스크립트를 작성하여 1,500여줄이 자동 작성이 되도록 DX 개선',
   },
   trApp: {
-    title: "오늘의 분리수거 앱 개선",
-    speedImprovement: "앱 작동 속도 개선",
+    title: '오늘의 분리수거 앱 개선',
+    speedImprovement: '앱 작동 속도 개선',
     imporvementCache:
-      "브라우저 캐시 활용 및 상태관리 개선을 통해 기존 대비 API 호출 횟수 66% 감소",
+      '브라우저 캐시 활용 및 상태관리 개선을 통해 기존 대비 API 호출 횟수 66% 감소',
     lightHouse:
-      "Dynamic import 및 렌더링 블락 옵션 개선을 통해 LightHouse점수 퍼포먼스 50점 상승",
-    polyfill: "앱 내 웹뷰의 크로스 브라우저 대응을 위해 Polyfill 활용",
+      'Dynamic import 및 렌더링 블락 옵션 개선을 통해 LightHouse점수 퍼포먼스 50점 상승',
+    polyfill: '앱 내 웹뷰의 크로스 브라우저 대응을 위해 Polyfill 활용',
   },
   teamLead: {
-    title: "프론트엔드팀 리더 [2022/11~ ]",
-    dxImprovementTitle: "팀 개발 문화 정착 및 기술 증진",
-    usingJira: "팀원 업무 일정 관리 및 분배를 위해 Jira 티켓을 활용",
+    title: '프론트엔드팀 리더 [2022/11 ~ 2024/01]',
+    dxImprovementTitle: '팀 개발 문화 정착 및 기술 증진',
+    usingJira: '팀원 업무 일정 관리 및 분배를 위해 Jira 티켓을 활용',
     codeReview:
-      "코드 리뷰문화 도입을 통해 소수 인원 및 주니어로 구성된 팀의 제품 품질 유지",
+      '코드 리뷰문화 도입을 통해 소수 인원 및 주니어로 구성된 팀의 제품 품질 유지',
     codeQuality:
-      "github actions와 husky를 활용한 자동 Lint 체크 적용으로 코드 일관성을 강화",
+      'github actions와 husky를 활용한 자동 Lint 체크 적용으로 코드 일관성을 강화',
     testSetting:
-      "Cypress, testing-library, Jest 환경 세팅 및 코드 작성으로 제품 안정성 증대",
+      'Cypress, testing-library, Jest 환경 세팅 및 코드 작성으로 제품 안정성 증대',
   },
 };
 
 export const DTIME = {
-  name: "디타임(Dtime)",
-  tenure: "10개월",
+  name: '디타임(Dtime)',
+  tenure: '10개월',
   explanation:
-    "디타임은 기업이 겪는 조직에 관한 다양한 어려움을 해결하는것을 목표로 교보생명의 엑셀러레이팅 프로그램에 선발된 스타트업입니다.",
-  coprEx: "개발팀 프론트엔드 개발자",
+    '디타임은 기업이 겪는 조직에 관한 다양한 어려움을 해결하는것을 목표로 교보생명의 엑셀러레이팅 프로그램에 선발된 스타트업입니다.',
+  coprEx: '개발팀 프론트엔드 개발자',
   calculate: {
-    title: "인싸이트 지원금 계산기",
-    coworkTitle: "협력업체에 자사 서비스 제공",
+    title: '인싸이트 지원금 계산기',
+    coworkTitle: '협력업체에 자사 서비스 제공',
     webpack:
-      "커스텀엘리먼트 및 웹팩을 활용한 하나의 번들된 JavaScript 파일을 협력업체에 제공",
+      '커스텀엘리먼트 및 웹팩을 활용한 하나의 번들된 JavaScript 파일을 협력업체에 제공',
   },
   serviceMaintenance: {
     title: '인싸이트 유지 보수 및 개발',
-    codeQuality: "코드 품질 개선",
+    codeQuality: '코드 품질 개선',
     ReduxSaga:
-      "Redux-Saga, Redux-Toolkit을 활용한 Flux패턴의 적용으로 상태관리 패턴 변경",
-    QA: "30여가지 경우의 수를 가진 휴가생성 케이스에 대해 UI/UX 및 테스트 코드으로 5-10분의 QA 소모 시간 제거",
+      'Redux-Saga, Redux-Toolkit을 활용한 Flux패턴의 적용으로 상태관리 패턴 변경',
+    QA: '30여가지 경우의 수를 가진 휴가생성 케이스에 대해 UI/UX 및 테스트 코드으로 5-10분의 QA 소모 시간 제거',
   },
   serviceAngular: {
-    title: "UI/UX 유지보수",
+    title: 'UI/UX 유지보수',
     contents:
-      "앵귤러로 되어있던 메인페이지들의 디자인개선 작업과 동시에 리액트로 전환",
+      '앵귤러로 되어있던 메인페이지들의 디자인개선 작업과 동시에 리액트로 전환',
   },
 };
 
 export const BRANDI = {
-  tenure: "2개월",
-  name: "브랜디(BRANDI)",
-  coprEx: "프론트엔드 개발 인턴",
+  tenure: '2개월',
+  name: '브랜디(BRANDI)',
+  coprEx: '프론트엔드 개발 인턴',
   explanation:
-    "빅데이터를 활용한 새벽배송 서비스를 제공하는 쇼핑 플랫폼 브랜디에서 프론트엔드 개발 인턴으로 참여하였습니다.",
+    '빅데이터를 활용한 새벽배송 서비스를 제공하는 쇼핑 플랫폼 브랜디에서 프론트엔드 개발 인턴으로 참여하였습니다.',
   clone: {
-    title: "클론 프로젝트 진행",
-    uiux: "UI/UX 개발",
-    vue: "Vue.js 기반으로 기존 쇼핑몰 사이트 클론 개발 진행",
-    caroucel: "캐러셀, GNB, 제품리스트 렌더 등 다양한 UI/UX를 개발",
+    title: '클론 프로젝트 진행',
+    uiux: 'UI/UX 개발',
+    vue: 'Vue.js 기반으로 기존 쇼핑몰 사이트 클론 개발 진행',
+    caroucel: '캐러셀, GNB, 제품리스트 렌더 등 다양한 UI/UX를 개발',
   },
 };
 
 export default {
+  SOCAR,
   OYSTERABLE,
   DTIME,
   BRANDI,