🔥 함께 일하는 프론트엔드 개발자 김예찬입니다.

🙎‍♂️ Who Am I ?
🔥 김예찬
✉️ k1my3ch4n@gmail.com
📱 010-2695-7092
🏠 경기 성남시 분당구
📘 Resume
웹 프론트엔드 개발자로 React 등 SPA 프레임워크 사용과 Javascript/Typescript 사용에 능숙하고 깊은 이해를 가지고 있습니다. 자율 주행 로봇 스타트업에서 커리어를 시작해서, 관리자 및 사용자를 위한 로봇 관제 웹 프로덕트 개발 및 운영 경험을 쌓았습니다.
•
사용자 경험 중심의 로봇 관리 및 제어 웹 프로덕트를 개발하고 운영하여 실제 현장(물류센터 등)에 성공적으로 납품 및 적용한 경험을 가지고 있습니다.
•
엔지니어와 현장 작업자가 로봇을 효율적으로 제어하고 작업 현황을 실시간으로 파악할 수 있도록 실시간 대시보드 및 엑셀 기반 WMS 작업 생성/지시 기능을 개발하여 업무 효율성을 높였습니다.
•
문제 해결을 주도적으로 수행하여 개발 환경을 개선하고 생산성을 향상시킨 경험이 있습니다. 대표적으로 CRA 환경에서 빌드 속도 지연 문제를 VITE 마이그레이션을 통해 개선해 빌드 시간을 약 72% 단축했습니다.
•
Github Actions, AWS, Notion을 활용한 배포 및 버저닝 CI/CD 자동화를 구축하여 생산성을 높였습니다. 또한, Yarn Workspaces를 활용한 Monorepo 구성 및 Zero Install적용을 통해 개발 환경을 최적화했습니다.
•
다양한 직군과의 원활한 소통을 위해 노력하며 협업 효율성을 높이는 데 기여했습니다. 서버 팀과의 API 개발 협의를 위해 MSW를 도입하고, 디자인 팀과의 일관된 UI 개발을 위해 Storybook을 적극적으로 활용했습니다.
•
안정적인 서비스 운영을 위해 jest, React Testing Library, MSW를 활용한 테스트 코드를 작성하고, 테스트 커버리지를 20%에서 87%까지 향상시켜 코드 품질을 높였습니다.
🔎 Profile
경력 (총 2년)
TWINNY
2022.04 ~ 2024.04
유저용 작업 관제 웹 프로덕트 ( 오더피킹 ) 개발 및 서비스
2023.01 ~ 2024.04
•
유저용 로봇 관제 웹 프로덕트 ( 오더피킹 ) 개발 및 서비스
◦
실시간 대시보드 개발 및 엑셀로 WMS 처럼 작업 생성 및 지시 기능 개발
•
웹 프로덕트 배포 및 버저닝 자동화, 리팩토링 진행
◦
github action을 이용한 배포 및 버저닝 자동화 진행
◦
CRA → VITE 마이그레이션 및 monorepo 적용
▪
빌드 시간 단축 ( 2:20 → 0:40 , 약 72% 속도 개선 )
▪
yarn workspaces 사용해서 monorepo적용으로 공통으로 사용되는 hook 과 component 를 중복하지 않고 사용 가능
▪
pnp 모드 적용으로 zero-install 적용
◦
msw ( mock service worker ) 적용
▪
서버 개발이 늦어지는 경우 미리 API 명세서를 보고 작업 가능, 해당 작업 후 서버 측에 API 명세에 대한 피드백 전달 가능 ( 프론트엔드 주도 인터페이스 개발 )
▪
테스트 , 스토리북 작성 시 실제와 비슷한 환경에서 실행 가능
•
테스트 코드 및 스토리북 작성
◦
jest, React Testing Library 와 msw ( mock service worker )를 사용해서 테스트 코드 작성
▪
테스트 coverage 20% → 87% 달성
◦
msw ( mock service worker ) 를 사용해서 스토리북 작성
관리자용 작업 관제 웹 프로덕트 개발 및 서비스
2022.04 ~ 2023.01
•
관리자를 위한 로봇 관제 웹 프로덕트 개발
•
프로덕트 유지보수 및 리팩토링 진행
◦
자바스크립트 → 타입스크립트 전환 ( 95% 이상 전환 )
◦
프로젝트의 모듈화 진행
▪
약 30부분 이상의 유효성 검사 기능에 모듈화 적용
학력
홍익대학교 컴퓨터공학과 졸업
2015.03 ~ 2022.02
⚒️ Skills
Category
기능 구현에 자신이 있어요.
지식은 있지만 , 경험은 부족해요.
Frontend
TypescriptReactViteRecoilSassApollo ClientStorybookNext JSTailwindcss
ReduxZustand
Backend
Apollo ServerGraphQLRest APIGoogle Cloud Platform
AWSDocker
Testing
JestReact Testing LibraryMSW (Mock Service Worker)Vitest
Others
GitGithub ActionsYarn PnPyarn workspacesmonorepoNotionFigma
👩🏻‍💻 Career Projects
🤖 유저용 작업 관제 웹 프로젝트 ( 오더피킹 )
🤖 관리자용 로봇 관제 웹 프로젝트
👩🏻‍💻 Personal Projects
📚 Hackerrank AI Helper 프로젝트
📖 Monorepo 마이그레이션 (Vite -> Nextjs)
📖 Monorepo로 블로그 및 포트폴리오 페이지 생성
💫 About Me
Github
Blog