이현명 Frontend Engineer

신규 서비스 구축부터 핵심 서비스 고도화까지, 사용자 관점으로 문제를 해결하는 프론트엔드 개발자

📎 온라인 포트폴리오 (동영상 포함): https://hyunmyung-lee.pages.dev

Github Tech Blog hmlee2356@gmail.com 010-5579-2126

About

백엔드 개발로 시작해 프론트엔드 개발로 무게중심을 옮기며, 시스템 전반을 이해하고 사용자 관점에서 문제를 해결하는 개발자로 성장해왔습니다. 신규 서비스 구축부터 핵심 서비스 고도화까지 경험하며 제품의 안정성과 완성도를 높이는 데 집중해왔습니다.

레거시 시스템 현대화, CI/CD 표준화, 외주 자산 내재화처럼 지속 가능한 개발 환경을 만드는 일에 강점이 있습니다. 최근에는 AI 도구를 업무 전반에 적극 활용하고 있습니다. 생성과 탐색은 도구에 맡기되 검증과 판단은 직접 하며, 생산성과 품질을 함께 챙깁니다. 앞으로도 사용자에게 닿는 기능뿐 아니라 팀의 개발 경험도 함께 고민하는 개발자로 일하고 싶습니다.

Skills

Frontend: JavaScriptTypeScriptReactNext.js
State & Data: react-queryZustandJotai
Testing: JestReact Testing LibraryPlaywright
DevOps: GitHub ActionsWebpackDatadog

* Backend 경험: Node.js, Java (코액터스·그로브소프트 재직 시)

Experience 총 8년 1개월

키즈노트프론트엔드파트2022.10 ~ 재직중 (약 3년 11개월)

CI/CD 표준화
- 프로젝트별로 상이하던 Jenkins 기반 배포를 GitHub Actions 재사용 워크플로우로 통합
- 무중단 배포(Docker Blue-Green) 및 자동 롤백
- PR/Push 품질 게이트(Lint·Test·Build) 구축
Sentry → Datadog 에러 모니터링 전환
- Sentry 제거 후 3개 서비스 에러 보고를 Datadog RUM으로 일원화
- RUM↔APM 트레이스 연결로 프론트 에러에서 백엔드 원인까지 추적
패밀리케어 ERP 내재화
- 외주 의존도가 높아 신규 기능 개발과 유지보수가 어려웠던 ERP 프론트엔드 코드베이스를 사내 컨벤션에 맞춰 재구성해 운영·개발 가능한 형태로 내재화
- 레거시 자산과 신규 코드의 공존을 고려한 구조 개선으로 점진적 기능 확장 기반 마련
스마트주문 결제수단 신규 구축
- 토스 퀵계좌이체 결제 FE 연동 (빌링 발급~결제 승인)
- 웹훅 이벤트 처리 및 결제 히스토리 오염 방지 로직 구현
게시글 공감(리액션) 기능 + 디자인 협업 도구화
- 알림장, 공지, 앨범 공감 기능을 공용 훅과 컴포넌트로 구현 (Canvas 파티클 효과)
- 애니메이션 수치를 실시간 조절하는 디자이너용 튜닝 도구 제공으로 협업 루프 단축
전자문서 리치텍스트 에디터 (RoosterJS)
- 편집기 툴바·서식·이미지 기능 구현
- React 18 마이그레이션 시 에디터 크래시 안정화
보육일지 AI 컨설팅
- 작성된 일지를 AI가 항목별로 분석·첨삭하는 기능 구현
- 수 분 걸리는 AI 작업을 비동기 폴링 기반으로 처리하는 UX 구현
서비스 안정성 및 품질 관리
- 팀의 테스트 중심 개발(TDD)에 참여해 담당 영역의 단위·E2E 테스트 작성 (Jest, React Testing Library, Playwright)
- 작성한 테스트를 CI 파이프라인에 통합해 PR 단계에서 자동 실행, 회귀 결함 예방 및 배포 안정성 향상
AI 도구 활용
- Claude Code, Cursor, Codex로 코드 조사, 리팩토링, 반복 작업 자동화
- CodeRabbitAI 도입으로 PR 자동 리뷰와 코드 품질 체크 프로세스 구축
- 생성과 탐색은 AI, 검증과 판단은 직접 (테스트와 실측으로 가드레일)

오토위니프론트엔드개발팀 · 주임2021.09 ~ 2022.10 (약 1년 1개월)

옥션위니 마이그레이션
- jQuery 기반 모놀리식 구조를 React/TypeScript로 재구축, FE·BE 분리 아키텍처 전환
- 레거시 중심 개발 환경을 현대화하여 기능 확장 기반 마련
- Context API 상태 관리와 공통 컴포넌트 설계로 재사용성과 유지보수성 향상
개발 환경 구축
- 개발·운영 환경 분리 및 Nginx·Jenkins 기반 빌드/배포 프로세스 구축
- 배포 일관성과 운영 안정성 확보

코액터스프론트엔드개발 · 팀원2020.11 ~ 2021.06 (약 7개월)

기업 전용 택시 예약 서비스 신규 구축
- 프론트엔드 개발 (초기 구축부터 런칭까지)
- Kakao Maps API 연동, Firebase 인증, 반응형 UI 구현
고요한 M 모바일 플랫폼 백엔드 개발
- 포인트·친구추천 도메인 API 설계 및 구현
- 서비스 운영 기능 및 신규 기능 개발

그로브소프트백엔드개발팀 · 사원2017.10 ~ 2020.01 (약 2년 3개월)

아모레퍼시픽 계열 서비스 개발
- 그룹 내 다양한 도메인의 백엔드 시스템 개발 및 유지보수
- 5개 이상의 서비스 운영 경험으로 실서비스 개발 및 운영 역량 확보

Projects

키즈노트 재직 중 진행한 대표 프로젝트를 선정해 정리했습니다.

게시글 공감(리액션) 기능 + 디자인 협업 도구화

공감 기능을 공용 훅과 컴포넌트로 구현하고, 애니메이션 수치를 실시간 조절하는 디자이너용 튜닝 도구를 만들어 디자인↔개발 반복 루프를 단축

Situation: 알림장, 공지, 앨범 등 여러 게시물에 공감 기능을 도입해야 했고, 폭죽/상승 애니메이션의 디테일을 디자이너가 원하는 대로 맞춰야 했음
Action: 공감 기능을 재사용 가능한 공용 컴포넌트로 설계하여 다양한 게시물 타입에서 활용. Canvas 파티클 효과와 함께 디자이너가 애니메이션 수치를 실시간으로 조정하는 튜닝 패널을 제공
Result: 디자이너가 직접 값을 조정하여 개발자와의 수치 왕복 커뮤니케이션 제거. iOS/Android와 물리값을 일치시켜 플랫폼 간 일관된 UX 제공

ReactCustom HooksCanvas / Particle Design Tooling (DX)i18nTypeScript

디자이너용 튜닝 패널 · 파라미터 조절 → 실시간 효과 변화

리액션 선택 시 재생되는 파티클 효과

전자문서 리치텍스트 에디터 (RoosterJS)

사내 전자문서(보육일지·운영안내서·회의록 등) 전반에 쓰이는 공통 편집기

Situation: 여러 전자문서 화면이 공통으로 쓰는 리치텍스트 편집기가 필요했고, 서식·이미지·표 편집과 안정적인 폼 연동이 요구됨
Action: RoosterJS 기반 에디터에서 툴바·서식·이미지 첨부 기능 및 UI 디자인을 구현. React 18 마이그레이션 시 발생한 에디터 크래시 이슈를 해결하여 안정화
Result: 전자문서 전반에서 재사용되는 편집기의 서식·이미지 UX와 프레임워크 마이그레이션 안정성을 확보