feat(about): Add mobile margin with description

1ilsang · Apr 3, 2024 · 02d7f5e · 02d7f5e
1 parent 8a1de7e
commit 02d7f5e
Show file tree

Hide file tree

Showing 6 changed files with 52 additions and 43 deletions.
diff --git a/src/features/about/work/data/blind/projects.tsx b/src/features/about/work/data/blind/projects.tsx
@@ -10,55 +10,50 @@ export const Bleet: Project = {
     url: 'https://github.com/1ilsang/dev/assets/23524849/bf6d917d-9d2a-4142-a0ee-4933cb321428',
     alt: 'Bleet cover',
   },
-  summary: `블라인드 기반 직장인 소개팅 어플 API 개발`,
+  summary: `직장인 소개팅 어플 서버 개발`,
   body: (
     <>
+      <li>메인 서버 개발자로 주도적 작업. 시스템 및 DB 설계 진행</li>
+      <li>블라인드 인증을 통한 가입 및 포인트 처리 등 전반적인 API 작업</li>
+      <li>Firebase 채팅 개발</li>
       <li>
-        메인 서버 개발자로 Node.js를 활용해 API를 개발. Beta 오픈까지 작업
-      </li>
-      <li>
-        블라인드 인증을 통한 가입 및 포인트 처리 등 전반적인 API 작업 주도적으로
-        진행
+        Swagger 및 문서화 도입. API 사용이 편리하도록 제공
+        <ul>
+          <li>클라이언트 팀에서 좋은 평가를 받은 프로젝트</li>
+        </ul>
       </li>
-      <li>Firebase를 통한 채팅 기능 개발</li>
-      <li>Swagger 및 문서화를 통해 클라이언트 호출이 용이하도록 함</li>
     </>
   ),
 };
 
 export const MyBiskit: Project = {
   name: ProjectName.MyBiskit,
-  tags: ['Nuxt2', 'MySQL'],
+  tags: ['Nuxt2', 'MySQL', 'AWS', 'Puppeteer'],
   startDate: 1572534000000,
   endDate: 1588172400000,
   img: {
     url: 'https://github.com/1ilsang/dev/assets/23524849/1d4a2e43-72ba-4b3e-b4c7-f236e8574c28',
     alt: 'Mybiskit cover',
   },
-  summary: `직장인을 위한 온라인 취미클래스 서비스 개발`,
+  summary: `직장인 온라인 취미클래스 서비스 개발`,
   body: (
     <>
-      <span>Nuxt.js로 페이지 및 서버 개발</span>
-      <li>다양한 프로모션 페이지 및 상세 페이지 개발</li>
+      <li>매주 프로모션 페이지 개발(Vue)</li>
       <li>
-        쿠폰 및 결제 API 개선/개발
+        쿠폰, 결제 API 개선/개발
         <ul>
-          <li>
-            테스트 코드를 적용해 리팩토링 과정의 사이드 이펙트를 간소화 하고자
-            노력
-          </li>
+          <li>테스트 코드로 리팩터링 과정의 사이드 이펙트 최소화하고자 노력</li>
           <li>트랜잭션 적용 및 결제 플로우 간소화 작업 진행</li>
+          <li>에러 정리 및 로깅 개선</li>
         </ul>
       </li>
-      <li>
+      <li className="section">
         지표 분석용 크롤러 개발
         <ul>
+          <li>Puppeteer로 추출한 데이터 가공 파이프라인 개발(AWS)</li>
+          <li>데이터 시각화 페이지 개발</li>
           <li>
-            Puppeteer를 활용해 추출한 데이터를 JSON으로 가공후 S3에 저장. 차트
-            페이지 제공
-          </li>
-          <li>
-            사내 엔지니어링 세미나 &quot;주니어의 반란&quot;을 주최, 개발 여정
+            사내 엔지니어링 세미나 &quot;주니어의 반란&quot; 주최, 개발 여정
             공유
           </li>
         </ul>
@@ -69,7 +64,7 @@ export const MyBiskit: Project = {
 
 export const Blind: Project = {
   name: ProjectName.Blind,
-  tags: ['Node.js', 'PHP', 'Docker', 'MySQL', 'Redis'],
+  tags: ['Node.js', 'PHP', 'Docker', 'MySQL', 'Redis', 'AWS'],
   startDate: 1564930800000,
   endDate: 1577631600000,
   url: 'https://www.teamblind.com/',
@@ -80,9 +75,14 @@ export const Blind: Project = {
   summary: `직장인 익명 앱 API 및 어드민 페이지 개발`,
   body: (
     <>
-      <li>블라인드 어드민 및 서버 API를 개발</li>
-      <li>어드민 페이지 개선 작업 진행</li>
-      <li>신고하기 및 패널티 등의 API를 개선</li>
+      <li>
+        블라인드 서버 API 개발
+        <ul>
+          <li>신고하기 및 패널티 API 개선</li>
+          <li>TypeScript 적용 건의 및 세미나 진행</li>
+        </ul>
+      </li>
+      <li>어드민 페이지 개선 작업 진행(PHP)</li>
     </>
   ),
 };
diff --git a/src/features/about/work/data/line/projects.tsx b/src/features/about/work/data/line/projects.tsx
@@ -44,7 +44,7 @@ export const UVP: Project = {
       <li>
         v1: 런타임 {'->'} 컴파일 타임 코드 리팩터링
         <ul>
-          <li>레거시 프로젝트 최신화 작업 주도적으로 진행</li>
+          <li>레거시 프로젝트 최신화 작업 주도적 진행</li>
           <li>
             TypeScript 및 선언적 컴포넌트 적용
             <ul>
@@ -95,7 +95,7 @@ export const UVP: Project = {
             플러그인 구조 개발
             <ul>
               <li>플러그인 템플릿 및 라이프사이클 설계</li>
-              <li>서로 다른 서비스 니즈를 만족시킬 수 있게 됨</li>
+              <li>서로 다른 서비스 니즈를 만족시킬 수 있는 유연한 개발 달성</li>
             </ul>
           </li>
           <li>
@@ -195,7 +195,7 @@ export const LDS_CALENDAR: Project = {
   body: (
     <>
       <li>
-        사내 공용 캘린더 라이브러리의 부재로 자발적으로 개발
+        사내 공용 캘린더 라이브러리의 부재로 자발적 개발
         <ul>
           <li>배포 이후 긍정적인 평가를 받으며 6개 이상의 서비스에서 사용</li>
         </ul>
@@ -228,14 +228,15 @@ export const PLACE: Project = {
       <li>
         Home 화면 개발
         <ul>
-          <li>위치 기반 API Flow 정리</li>
+          <li>위치 기반 API Flow 정리 및 개발</li>
+          <li>Swiper 버벅임 성능 개선</li>
         </ul>
       </li>
-      <li>Profile/Settings 개발</li>
-      <li>
+      <li className="section">
         Koa 커스텀 서버 개발
         <ul>
-          <li>nGrinder를 활용 Stress test 진행후 서버 가용량 산출</li>
+          <li>nGrinder 활용, Stress test 진행 후 서버 가용량 산출</li>
+          <li>빌드/배포 개발 환경 세팅</li>
         </ul>
       </li>
     </>
@@ -250,13 +251,19 @@ export const OAP: Project = {
   endDate: 1625929200000,
   img: {
     url: 'https://github.com/1ilsang/dev/assets/23524849/7c2ad355-607a-4692-9a95-be44e45f144d',
-    alt: '"Official Account cover"',
+    alt: 'Official Account cover',
     width: 250,
   },
   summary: `라인 공식 계정 페이지 개발`,
   body: (
     <>
-      <li>플러그인 중복된 코드 개선</li>
+      <li>
+        플러그인 공통화 작업 진행
+        <ul>
+          <li>중복 코드 개선</li>
+          <li>일관된 타입 모델 적용</li>
+        </ul>
+      </li>
       <li>데이터 이관 작업을 통해 서로 다른 페이지의 싱크 맞추는 작업 진행</li>
       <li>
         React {'->'} Next.js 리팩터링 진행

diff --git a/src/features/about/work/data/smileGate/index.ts b/src/features/about/work/data/smileGate/index.ts
@@ -8,7 +8,7 @@ const SmileGate: Company = {
   companyLogoUrl:
     'https://github.com/1ilsang/dev/assets/23524849/932fade0-e7bf-4fdc-b7a8-c346fedbb76d',
   workStartDate: 1520780400000,
-  workEndDate: 1525791600000,
+  workEndDate: 1530457200000,
   position: `${JobPosition.FE}(intern)`,
   projectList: [Stove],
 };

diff --git a/src/features/about/work/models.ts b/src/features/about/work/models.ts
@@ -32,7 +32,7 @@ export enum ProjectName {
 
 export enum JobPosition {
   FE = 'Frontend Engineer',
-  FULL_STACK = 'Fullstack Engineer',
+  FULL_STACK = 'Full Stack Engineer',
 }
 
 type Technique =
@@ -64,7 +64,9 @@ type Technique =
   | 'Docker'
   | 'Redis'
   | 'Vue2'
-  | 'Jotai';
+  | 'Jotai'
+  | 'AWS'
+  | 'Puppeteer';
 
 export type Project = {
   name: ProjectName;

diff --git a/src/features/styles/_utils.scss b/src/features/styles/_utils.scss
@@ -8,6 +8,10 @@
   margin: auto;
   max-width: 750px;
   padding: 10vh 0;
+
+  @include mobile {
+    margin: 0 1rem;
+  }
 }
 
 @mixin mobile {

diff --git a/src/features/styles/ui/about/index.scss b/src/features/styles/ui/about/index.scss
@@ -22,10 +22,6 @@
 
   &-container {
     @include root-container;
-
-    @include mobile {
-      margin: 0 1rem;
-    }
   }
 
   &-profile {