최규민 (Gyumin Choi)
Frontend Engineer
choegyumin@gmail.com
비즈니스 임팩트, 고객 가치, 사용자 경험, 코드 품질, 제품 전달 속도, 어느 하나에 매몰되지 않습니다.
다양한 관점과 구조적 사고로 팀이 놓친 문제를 찾아 해결합니다.
필요하면 언제든 역할의 경계를 넘습니다. 그러나 혼자서 모든 문제를 직접 해결하려 하지 않습니다.
개인의 업적보단 팀이 함께 성장하고 성과를 만드는 데 집중합니다.
문제에 민감하게 반응하고 실행을 통해 학습합니다.
예견된 실패를 피하고 더 나은 결과를 얻기 위해, 타인의 의견과 경험을 존중하고 변화를 기꺼이 수용합니다.
Summary
- 2013년부터 지금까지: 다수의 웹·앱 Frontend 개발, 아키텍처 설계, 성능 최적화, 테스트 작성, 제품 사용성 개선, 디자인 시스템 제작, 웹 접근성 개선
- ‘0 to 1’ 경험: MVP 출시 → 수요 검증 → 정식 출시 및 유료화
- 목적 조직 리드: 조직 구조 설계, 프로세스 구축, 채용 등의 조직 운영 지원
- 스타트업 창업 멤버로 합류해 5명에서 50명대의 조직으로 성장, 시리즈 A 투자 유치 경험 (당시 누적 투자금 150억 달성)
Skills
- Languages & Frameworks: TypeScript, JavaScript, React, Electron, TanStack Query, HTML, Tailwind CSS, vanilla-extract CSS
- Testing & Tooling: Vitest, Jest, MSW, Storybook, Vite, webpack, ESLint, Git, GitHub Actions
- Professional Practices: Leadership, Agile, Software·Architecture Design, Design System, Responsive Web Design, Accessibility
Experience
Lemonbase
Frontend Engineer
2023.12 – 2025.03 (1년 4개월)
- 조직 성과·몰입 관리 솔루션 ‘레몬베이스’ Frontend 개발
- 제품 품질과 팀 생산성 향상을 위한 코드베이스·프로세스 개선
Tech Stack: TypeScript, ts-belt, React, SWR, Tailwind CSS, Vitest, MSW, GitHub Actions
- 목표 가중치 승인 기능 (Wizard Form UI) 구현, 목표 관리 기능 사용성 개선
- 목표 도메인에 Layered Architecture 도입: 의존성 방향 정의 및 린트 규칙 강제, 레거시로부터 부패 방지
- 알고리즘 최적화: 30,000행의 목표 테이블 렌더링 시간을 약 25초에서 1초로 단축 (API 응답 시간 제외)
- 사용 중인 컴포넌트 패키지의 커스터마이징 기반 마련, 디자인 불일치 해소, 19개의 범용 컴포넌트 제작
- 레이아웃 디자인 개편: 좁은 너비의 화면에서 깨지던 UI를 전수 조사, 반응형 디자인으로 전면 개선
통합·인수 테스트 기반 구축
- 단위 테스트 환경을 기반으로 한 통합·인수 테스트 환경 구성
- 여러 페이지 간의 동작을 테스트할 수 없었던 코드베이스를 전반적으로 리팩터링
- 목표 권한·알림 설정 기능의 인수 기준과 테스트 작성
- 기능 변경과 리팩터링으로 인한 동작·회귀 오류를 즉시 확인할 수 있는 검증 체계 마련
- TF 리드: Frontend 챕터 대상으로 인식 조사 및 문제 정의, 해결 방향 수립
- 지침서 제작: 계층화·의존성 개념 이해, 추상화·응집·결합·재사용 판단 기준, 컴포넌트 설계와 비즈니스 로직 관리의 모범 사례, 제품 코드베이스 내 문제 해결 사례 기록
- 구성원 80% 이상의 동의를 얻어 1년간 지속되던 팀 내 논쟁의 최초 합의 기준 공식화, 리팩터링과 코드 리뷰의 판단 근거로 활용
팀의 구조적 문제 분석 및 체질 개선
- 제품 사용성·안정성과 팀 생산성을 저해하는 문제 현상들의 인과 관계를 분석하고 악순환 고리를 리더들과 공유
- 기대 효과 없이 단순 구현만 반복하던 소속 스쿼드의 제품 개발 프로세스를, ‘문제 정의 – 가설 검증 – 학습’을 반복하는 흐름으로 재설계
- 제품이 이미 성장기임에도 도입기처럼 빠른 출시에만 집중하던 소속 스쿼드의 업무 우선순위를 조정, 누적된 제품·기술 부채(Product·Technical Debt) 중 팀 전체에 악영향을 주는 시급한 문제들을 선행 해결
더 보기
소속 스쿼드의 제품 개발 프로세스 재설계
- 문제 현상:
이전 스프린트의 결과와 무관한 새 작업만 반복, 애자일·스프린트 이벤트의 의도·목적에 대한 팀 이해 부족, 계획 실행 단계에서 반복되는 변경과 혼란, 부채로 인한 구성원의 스트레스와 낮은 생산성 - 접근 #1:
스프린트를 단순 시작·마감일이 아닌 올바른 ‘문제 정의 – 가설 검증 – 학습’ 흐름으로 재설계 필요, 기대 효과 없는 구현 반복에서 벗어나 효과를 검증하고 다음 작업에 대한 근거 마련 - 접근 #2:
제품 기능 구현·전달 외의 업무가 필요함을 주장하면 부정적인 피드백을 받는 분위기 타파, 과도한 부채가 팀을 나아가지 못하게 만든 상황을 인지시키고 제어할 수 있는 수준으로 정상화 시급 - 액션 #1:
‘Definition of Ready’ 정의. 섣부른 구현 대신 해결하려는 문제, 기대 효과, 프로젝트 의존성 등을 사전 파악하고 팀 전체가 이해를 공유, 인수 기준으로 완료 상태를 동기화 - 액션 #2:
스쿼드 리드와 함께 시급한 제품·기술 부채(Product·Technical Debt) 청산을 위한 스프린트를 제안·실행, 이후에도 선정된 작업마다 의존성이 있는 부채를 선행 해결하고 주기적으로 우선순위 재평가
문제 현상들의 인과 관계를 분석하고 악순환 고리를 리더들과 공유
- 접근:
소속 스쿼드·챕터의 상황으로부터 문제의식 시작 - 액션 #1:
주 2~3회의 원온원 미팅으로 팀·개인이 겪는 문제를 수집 - 수집 결과:
[자기검열]😅 - 액션 #2:
인과 관계를 분석하여 시스템 원형과 인과 루프 다이어그램으로 시각화 - 액션 #3:
리더들과 공유하여 전략 변경의 근거 제공, 개인이나 특정 직무에 부담을 전가하는 단기적인 조치 대신 조직·리더십 차원의 근본적인 해결 요청
- 페이지별 Lazy Loading 적용 및 페이지 유형별 Skeleton Layout 구현: 개발 서버의 새로고침·HMR 시간을 약 7초 → 2초로 단축
- 엔지니어링 온보딩 프로그램 개선, 저장소 README를 포함한 기술 문서 작성
하위 문서
HD Junction
Frontend Engineer / UX Team Lead / Founding Member
2018.12 – 2022.10 (3년 11개월)
- 병원/의원 업무를 위한 ‘트루닥’ 제품군 Frontend 개발
- UX Team 리드로서 제품 사용성 개선, 디자인 시스템 제작, 제품 아이디어 보드 운영
- 창업 멤버로 합류, 5명으로 시작해 50명대의 조직으로 성장, 시리즈 A 투자 유치 경험 (당시 누적 투자금 150억 달성)
Tech Stack: TypeScript, Electron, React, TanStack Query, Redux, Redux-Saga, vanilla-extract CSS, Sass, Jest, MSW, Jenkins
- 예약·접수, 환자 대기열 (CRDT 동시 편집), 진단·기록·처방, 진료 타임라인 (가상 스크롤 & 지연 로딩), 법정감염병 신고 기능 구현
- VoC와 사용성 테스트를 기반으로 문제 정의 및 제품 사용성 개선
- 렌더링 병목 해소: 진료 타임라인 스크롤 후 페이징 데이터 리렌더링 시 발생하는 약 2초의 프리징 제거
- 번들러 마이그레이션 (Babel → esbuild): 빌드 및 테스트 시간 단축
- 척도검사 (Server-Driven UI), 환자 본인 인증 및 관리자 인증 기능 구현
- 1개월 이내 MVP 출시로 수요 검증, 고도화 후 정식 출시 및 유료화
- 수기로 작성한 검사 결과를 의료진이 다시 EMR에 입력하던 문제 해결
- 디자인 시스템 제작: 디자인–개발 공통 언어와 Foundation 정의, 레이어 설계, 50개 이상의 범용 컴포넌트 제작, 2개의 앱에 적용
- 제품 기획 병목 개선: 이해관계자가 아이디어 탐색에 참여하도록 협업 구조 개선, Product Owner의 역할 일부 위임, 와이어프레임 간소화로 산출물보다 의사결정에 집중, 파편화된 도구 통합으로 반복 작업 축소
더 보기
- 조직 개편안 설계 참여, UX Researcher / UX Designer / Frontend Engineer 채용 검토
- 신규 입사자 온보딩: UX Team 소개, Frontend 개발 환경 및 아키텍처 설명, 페어 프로그래밍
하위 문서
IGAWorks
Frontend Engineer / 산업기능요원
2016.12 – 2018.11 (2년)
- 광고 성과 측정·분석 솔루션 ‘애드브릭스 리마스터’(현 ‘디파이너리’) Frontend 개발
- 광고 지면 자동 중개·입찰 및 수익 리포팅 솔루션 ‘애드팝콘 SSP’ Full-Stack 개발
- 페이스북·인스타그램 전문 광고 운영·분석 솔루션 ‘Tradingworks for Facebook (TF2)’ Frontend 개발
- 다수의 제품을 모던 프론트엔드 기술 스택으로 전환하기 위한 기술 검증 및 보일러플레이트 제작
Tech Stack: TypeScript, Vue 2, React, Angular 2, Sass, Mocha, C#, .NET Core, AWS
- ‘애드브릭스 리마스터’ 제품의 리포트 비주얼라이징, 광고 어트리뷰션, SDK 연동, 매체사 전용 기능 구현
- ‘애드브릭스 (레거시)’ 제품에 아일랜드 아키텍처를 적용해 SPA 라이브러리 시범 도입 및 검증
- 디자이너를 위한 마크업 환경과 웹 SDK 개발 환경 구축
- 프로젝트를 기반으로 사내 Vue.js + .NET Core 보일러플레이트 제작, 3개의 앱에 적용
애드팝콘 SSP 개발
- SDK 미디에이션 리포트, 국가별 리포트 뷰어 기능 구현
- 제품에 연동된 광고 네트워크별 수익 리포트를 수집하는 크롤러 제작
블루웨이브컨설팅
UI Developer (웹 퍼블리셔) / 산업기능요원
2013.06 – 2016.11 (3년 6개월)
- 웹 서비스 UI 마크업 및 인터랙션 구현, 프로토타입 제작
- 웹 접근성 오류 검출 및 개선
Tech Stack: JavaScript, jQuery, HTML, Sass, Stylus, gulp
- 여러 대의 디바이스를 제어할 수 있도록 어도비 포토샵과 유사한 워크스페이스 형태의 UI 프로토타입 제작
- 실제 제품의 디바이스 탭 추가·삭제·분할·재정렬 기능 구현
네이버 서비스 UI 구현
- 쥬니어네이버 리뉴얼 UI 마크업 및 인터랙션 구현
- 네이버 샵윈도 베타 UI 마크업 및 인터랙션 구현
- 네이버 검색 UI 마크업 유지보수
한게임 웹 접근성 개선
- 한게임 퍼블리싱 게임 웹사이트들의 웹 접근성 오류 검출 및 개선
사내 도구 개발
- 네이버 뮤직 광고 이미지 미리보기 도구 개발
- 컴포넌트·블록 기반의 마크업 조립 프레임워크 개발
Side Projects
Education
- 국가평생교육진흥원 학점은행 – 정보통신전문학사 | 2025.08
- 대구관광고등학교 | 2013.02
Awards & Certifications
- 제2회 전국 상업정보실무능력경진대회 쇼핑몰 제작 부문 동메달 – NBO 조직위원회 | 2012.09
- 대구광역시 기능경기대회 웹디자인 및 개발 부문 우수상(4위) – 기능경기위원회 | 2011.04
- 컴퓨터활용능력 1급 (25-K9-021950) – 대한상공회의소 | 2025.04
- 정보처리산업기사 (15202071210H) – 한국산업인력공단 | 2015.07