안녕하세요! 👋
저는 한민규입니다
Value = f(Empathy × Code × Iteration)
사용자를 이해하고, 코드를 다듬고, 반복해 가치를 만드는 것이 저의 개발 철학입니다.
📧 hanmin84200@gmail.com
About Me
안녕하세요! 7년차 프론트엔드 개발자 한민규입니다. React, Vue.js를 중심으로 다양한 웹 애플리케이션을 개발해왔으며, 사용자 경험과 개발자 경험 모두를 중시하는 개발을 지향합니다.
특히 디자인 시스템 구축, 성능 최적화, 팀 리드 경험을 통해 단순히 기능을 구현하는 것을 넘어서 지속 가능하고 확장 가능한 서비스를 만드는 데 집중하고 있습니다.
현재는 혜움에서 Monocle 디자인 시스템과 권한 관리 시스템을 구축하며, Vue3, React 등 다양한 기술 스택으로 프론트엔드 아키텍처를 설계하고 있습니다.
핵심 역량
⚛️ Frontend
- React
- Vue3
- Next.js
- Nuxt
- TypeScript
- Zustand
- TanStack Query
- Tailwind CSS
- Vanilla-extract
- WebGL
🛠️ Build & Tooling
- Vite
- pnpm
- Storybook
- Vitest
- Jest
- Webpack
- ESLint
- Prettier
- AWS IVS
🎨 UX/UI & Other
- 디자인 시스템 구축
- 글로벌 다국어 지원
- 인터랙티브 UI
- 팀 리드 경험
- 성능 최적화
- 권한 관리 시스템
- Node.js
- auth.js
Experience
프론트엔드 개발자
• Monocle 디자인 시스템 개발: Foundation 레이어 및 low-level 컴포넌트 구축, Storybook
기반 문서화로 협업 효율 개선
• 권한 관리 시스템 구축: 관리자 및 사용자 권한 설정 기능 신규 개발 (React Router v7
POC, Vue3)
• 서비스 주체 변경 및 약관 관리 시스템: 도메인별 자동화 설계로 FE 수정 없이 서비스 확장
가능
• 성능·시스템 개선: 낙관적 업데이트 컴포지션 도입, npm → pnpm, jest → vitest
마이그레이션
프론트엔드 개발자
• WebGL/AI 기반 인터랙션 플랫폼 Xavis: 글로벌 유저 대상 다국어 지원 및 실시간 아바타
채팅 UI 구현 (Next.js, TanStack Query, Zustand, WebGL)
• AI 기반 MotiPet 기획·PO: 성장·상호작용·상태변화 시스템 기획 완료, 외주 리소스 관리
효율화
• 회사 홈페이지 개발: SEO 최적화, 비즈니스 문의 페이지 추가, WebGL 아바타 채팅 구현
프론트엔드 개발자
• Vue2 → Vue3 마이그레이션: Vue CLI → Vite, npm → pnpm 전환으로 빌드 속도 3배 향상
• AWS IVS 기반 라이브 코어 엔진 교체: WebRTC → AWS IVS Stage 전환으로 고음질 방송 및
레이턴시 감소
• Web팀 리드 대행 및 채용: 주니어 개발자 2명 채용 및 온보딩, 프로젝트 일정·우선순위
조율
프론트엔드 개발자
• 10분 특공대 앱 기능 개선: 비회원 둘러보기, 리뷰 작성, 배포환경 분리, Code Push 기능 구현
풀스택 개발자
• 판례검색 서비스 '빅케이스' 신규 개발: Next.js, Storybook, Snapshot Test 적용
• 로톡 비즈니스 2.0 풀스택 개발: React, Mobx, TypeScript, Node.js 활용
• 레거시 시스템 개선: 웹팩 1 → 5 마이그레이션, Coffeescript 제거, 성과 배지 시스템 추가
학력
컴퓨터네트워크과
특성화 고등학교에서 컴퓨터 네트워크 및 프로그래밍 기초를 학습했습니다.