![IMG_4146_Original.jpg](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3b752063-f870-4b46-8467-32ce4f0d5327/IMG_4146_Original.jpg)
김기원 (KIWON KIM)
Front-End Developer
- 3년차 프론트엔드 개발자로 빅데이터 분석 플랫폼 기업에서 프론트엔드 개발자로 커리어를 시작
- 경험한 업계
🔎 Profile
넥슨코리아
프론트엔드 개발자
2023.10 – 재직중
(React, TypeScript, Vite, React Query, React Table, Redux, MUI, tailwindcss, Storybook etc)
![Untitled](https://prod-files-secure.s3.us-west-2.amazonaws.com/0f99dc2d-7fe2-47bb-98c0-d72afddb9fb9/a39a10a4-4fa3-4ddd-ac9a-ff297db60403/Untitled.png)
- 메이플스토리 코드발급기 플랫폼 개발
- 메이플스토리 아이템 관리를 위한 코드발급기 개발
- Playwright를 이용한 E2E 테스트
- React, TypeScript, Vite
- 코드발급기를 위한 디자인 시스템 적용
- 메이플스토리 운영툴 2.0 개발
- 메이플스토리 CS 처리를 위한 운영툴 개발
- Playwright를 이용한 E2E테스트
- 운영툴을 위한 디자인 시스템 개발 및 적용
한샘
프론트엔드 개발자
2023.07 – 2023.10
(Next.js, React, TypeScript, AWS)
![다운로드.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/0f99dc2d-7fe2-47bb-98c0-d72afddb9fb9/420321b8-a3c3-4366-bb88-3ef227223a61/%E1%84%83%E1%85%A1%E1%84%8B%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%83%E1%85%B3.png)
- 한샘 리모델링 파트 프론트엔드 개발 및 유지보수
- 한샘 어드민 페이지 개발 및 유지보수
- 매장찾기 리뉴얼 PC 페이지 개발
위메프
프론트엔드 개발자
2022.06 – 2023.05
(React, Node.js, Vue2, Vue3, TypeScript, AWS, Jenkins, CodeBuild)
![위메프 국문로고.png](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9e564951-b6d7-4f3c-8054-10e1d2d35e0f/%E1%84%8B%E1%85%B1%E1%84%86%E1%85%A6%E1%84%91%E1%85%B3_%E1%84%80%E1%85%AE%E1%86%A8%E1%84%86%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%80%E1%85%A9.png)
![위메프 영문로고.png](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cbbe7530-b3d4-4e30-a99f-189987cd9936/%E1%84%8B%E1%85%B1%E1%84%86%E1%85%A6%E1%84%91%E1%85%B3_%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%86%E1%85%AE%E1%86%AB%E1%84%85%E1%85%A9%E1%84%80%E1%85%A9.png)
- 위메프디자인시스템(WDS: Wemakeprice Design System) 개발
- React, Vue2, Vue3 기반
- Jest, Testing-library, Cypress를 이용한 디자인 시스템 테스트 개발
- 백오피스용 위메프디자인시스템(WDSA: Wemakeprice Design System Admin) 개발
- React 기반
- Jest, Testing-library, Cypress를 이용한 디자인 시스템 테스트 개발
- WDS의 유저를 위한 크롬익스텐션 개발
- 현재페이지에서 사용하는 WDS의 비율을 버튼 클릭 한 번으로 통계를 낼 수 있는 로직 및 UI 개발
- 위메프 내 서비스의 WDS 사용 비율을 자동 추출하는 파이프라인 및 로직 개발
- 위메프 내의 Git Repository에서 WDS 사용 비율을 자동으로 통계를 내서 S3로 자동 푸시하는 파이프라인 개발
- Node.js를 이용한 wds-stat CLI 개발
- 통계를 보여주는 페이지 UI 개발
- 위메프 크롤링 플랫폼 개발
-
위메프 내 크롤링 실패 시, 유저가 UI를 이용해서 크롤링을 보완하는 플랫폼 로직 개발
-
특정 HTML 속성을 클릭 시, 가장 적절한 속성값을 찾아주는 로직 개발
-
2022년도 4분기 위메프 베스트 프랙티스 상 수상 ‘크롤링 플랫폼 개발’
라플라스테크놀로지스
프론트엔드 개발자
2021.03 – 2022.06
(React, TypeScript, AWS)
![laplacetechnologies_logo_1631201036.webp](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f4068bd2-84ef-4d60-b1a0-0a90af0db422/laplacetechnologies_logo_1631201036.webp)
- 데이터 기반 비즈니스 진단 및 맞춤형 전략 추천 솔루션을 개발하는 라플라스테크놀로지스에서 전반적인 배포를 포함한 프론트엔드 개발을 담당했습니다.
- 프론트엔드 개발(React, TypeScript, styled-components, Jest, Testing Library)
- 랜딩페이지 개발 및 유지보수
- 로그인 및 회원가입 개발 및 유지보수
- 문의페이지 개발 및 유지보수
- 기능페이지 개발 및 유지보수
- 데이터 연결페이지 개발 및 유지보수
- 데이터 시각화 차트(EChart, D3) 개발 및 유지보수
👩🏻💻 Projects
![https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3bf902c4-03b0-4218-9247-b0c8d315939b/Line_1_(1).png](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3bf902c4-03b0-4218-9247-b0c8d315939b/Line_1_(1).png)
담당한 프로젝트를 최신순으로 구성했습니다. 각 이미지를 누르면 주요 내용 / 역할 & 기여도 / 기간 등을 확인할 수 있습니다.
프로젝트