이재호 Jaeho Lee

세금계산서 피쳐 프론트엔드 개발 (2024.06 — 2024.12)

• 재무 B2B 분야 확장을 위해 세금계산서 리스트와 세금계산서 형태의 작성 UI를 구현했습니다.
• 다양한 발행 상태와 수정 사유 조합으로 구조가 빠르게 복잡해질 수 있어, ts-pattern 등을 활용해 최대한 선언적으로 표현하고 중복 표기를 줄였습니다.
• Valibot을 이용해 폼 검증을 선언적으로 구성해 제약 조건을 쉽게 파악하고 유지보수할 수 있게 했습니다.

'파트너 정산' 프로덕트 리뉴얼 및 송금대행 기능 개발 리드 (2024.01 — 2024.05)

• 회사의 새로운 BM을 위한 B2B 프로젝트에 새로 구성된 팀으로 합류해 0 to 1을 경험했습니다.
• 정산금 송금에 필요한 법적 근거를 갖추기 위해 공동인증서 솔루션 Key#Biz를 연동했고, 모던 SPA와 맞지 않는 방식을 iframe으로 추상화해 사용성을 개선했습니다.
• 정산금 표시를 위해 TanStack Table 기반의 테이블을 구현했고, 유사한 페이지가 늘어나면서 추상화와 공통화, 파일 네이밍 컨벤션 정리까지 진행했습니다.

디자인 시스템 정리 (2025.05 — 2025.09)

• 많은 인원의 퇴사 이후 방치되어 있던 기존 디자인 시스템을 검토하고, shadcn/ui 기반의 새로운 방향을 제안해 점진적 마이그레이션에 기여했습니다.
• 피그마도 화면 단위가 아니라 컴포넌트 단위로 정리되도록 지속적으로 요구하고 반영했습니다.
• 결과적으로 피그마와 프론트엔드 구현이 더 잘 연결되면서 개발자가 프로퍼티 값을 보고 구현하기 쉬워졌고, Figma MCP 같은 도구를 통한 추가 생산성 향상도 가능해졌습니다. 전체 UI 일관성과 완성도 역시 함께 개선했습니다.

'포트원 애널리틱스' 프론트엔드 개발 및 런칭 (2023.07 — 2023.10)

• 신제품이었던 포트원 애널리틱스의 전반적인 UI 개발, 차트 연동, GraphQL API 연동을 담당해 성공적으로 런칭했습니다.

프론트엔드 생산성 개선 및 UX 개선 (2025.01 — 2025.09)

• Vercel 배포로 인한 version skew 상황에서 사용자가 에러를 겪지 않고 자연스럽게 업데이트되도록, 토스트 안내, 라우트 전환 시 리로드, preload 에러 복구 등의 UX를 설계했습니다.
• React Router 기반 번들 스플리팅을 적용해 최초 다운로드 에셋 크기를 약 3분의 1 수준으로 줄였습니다.
• Playwright 기반 스크린샷 테스트 도구를 만들어 기존 프로덕션 화면과 비교 검증하고, 개발한 전체 화면을 한 번에 확인할 수 있게 했습니다.

국제 농민 앱 'Farmmy' 개발 (2022.11 — 2023.02)

• Formula 디자인 컴포넌트를 도입하고 트러블슈팅을 진행했으며, '직거래장터' 피쳐를 개발했습니다.
• Lokalise를 이용한 국제화 키 동기화와 SSR 구현을 담당했습니다.

사내 디자인 시스템 'Formula' 개발 (2022.06 — 2023.02)

• 디자이너와 함께 본사 및 3개 자회사에서 사용할 수 있는 전사 디자인 시스템을 Material Design 기반으로 설계했습니다.
• style-dictionary 상세 transform 스크립트와 Figma Tokens 동기화 스크립트를 작성했습니다.
• TypeScript와 vanilla-extract 기반 컴포넌트를 개발하고 ReScript 바인딩을 작성했으며, 개발자 가이드도 문서화했습니다.
• 참고: https://github.com/green-labs/formula-design-system

농민 슈퍼앱 '팜모닝' 개발 (2021.11 — 2023.02)

• '판로 개척', '영농일지' 등 주요 기능을 구현해 가입자 수 증가에 기여했습니다.
• Relay와 React Hook Form을 사용해 온보딩 화면, 사용자 입력 폼, 입력 내용 확인 화면들을 구현했습니다.
• SEO 요구에 대응하기 위해 S3 기반 CSR 앱을 Next.js, Tailwind, Vercel 기반으로 빠르게 마이그레이션했습니다.
• 팜모닝 프론트엔드 팀 리드로서 Next.js 도입, 피처 플래그 도입 등 기술적 결정을 이끌고 트러블슈팅과 사내 코드 오픈소스화 기획을 진행했습니다.

사용기술: React, Next.js, ReScript, TypeScript, Relay

'넥스클리퍼' 프로메테우스 웹 콘솔 개발 및 팀 리딩 (2021.01 — 2021.11)

• 외주 결과물이었던 redux-saga 기반 레거시 프로젝트를 유지보수가 쉬운 React Query, Jotai 기반 구조로 전환했습니다.
• 고객사 요구에 맞는 가변형 UI를 지원하기 위해 Yarn Berry 모노리포를 도입했습니다.
• 추가 콘솔 프로토타입과 Ant Design 기반 공용 컴포넌트를 개발했습니다.
• 주니어 개발자 교육, 코드 리뷰, 트러블슈팅을 진행했습니다.

사용기술: React, React Query, TypeScript, Jotai

소상공인을 위한 매출관리 및 토탈 솔루션 앱 '캐시노트' 프론트엔드 개발 (2019.11 — 2020.09)

• '부가세 자가신고', '노란우산공제 신청', '코로나 자금 진단' 등 핵심 기능을 개발해 사용자 수와 체류시간 증가에 기여했습니다.
• '오픈뱅킹 프로젝트' 간편송금 화면을 구현하고 API를 연동했습니다.
• 생산성 향상과 프로덕션 버그 감소를 위해 JS 기반 코드베이스를 TypeScript로 점진 전환했습니다. allowJs를 활용해 타입 애노테이션을 순차적으로 추가했고, graphql-code-generator를 설정해 GraphQL 타입을 자동 생성되도록 했습니다.

사용기술: React, Apollo GraphQL, styled-components, TypeScript

Return and Refund 프로젝트

• 기존에는 CS를 통해 수기로 처리되던 상품 반품 및 환불 절차를 자동화했습니다.
• 다양한 쿠폰, 할인, 복수 결제수단, 반품 사유, 품목 상태에 따라 반환금이 달라지는 복잡한 로직을 다뤘습니다.
• 별도 기획자나 QA가 없는 상황이어서 직접 다양한 시나리오를 검증했고, Python과 JavaScript 스크립트로 일부 검증을 자동화했습니다.
• 자동화 이후에는 전체 반품 절차가 자동으로 처리되어 CS 인력과 셀러들의 부담이 줄었습니다.

사용기술: Django, jQuery

상품 페이지 프로젝트

• 기존 Django template와 jQuery로 구현된 구 페이지를 React로 포팅해 앱에 가까운 경험을 제공하는 것을 목표로 했습니다.
• Django 템플릿 안의 복잡한 내부 분기문을 REST API로 옮겨 React에서 더 명확하게 표현할 수 있도록 했습니다.
• 사용자가 상품을 둘러볼 때 초기 클릭에는 이미지와 타이틀 같은 최소한의 데이터만 먼저 불러오고, 상세 및 옵션 데이터는 나중에 로딩하도록 최적화했습니다.

사용기술: Django, TypeScript, React, jQuery

Fancy.com 고객 대면 웹, 스토어프론트 및 백오피스 개발

• 셀러 어드민 풀스택 개발과 유지보수를 담당했습니다.
• Shopify와 같은 셀러 전용 홈페이지 템플릿과 체크아웃 화면 프론트를 구현했습니다.
• Article 프로젝트에서는 medium-editor를 활용하고 JSON 기반 자체 위젯을 구현해 셀러가 쉽게 게시물을 작성할 수 있도록 했고, 블로그 프론트도 React로 구현했습니다.

사용기술: Django, TypeScript, Backbone.js, jQuery

DodoPoint 3.0 프로젝트

• 기존 jQuery, Backbone으로 작성된 앱을 React로 재작성한 프로젝트입니다.
• 기존 레거시 앱 대비 유지보수가 쉬워졌고, 테스트 도입으로 변경점 검증도 강화했습니다.
• 블로그 글: https://spoqa.github.io/2015/05/14/living-on-the-edge.html

사용기술: React.js, Webpack, Babel.js

도도포인트 포인트 적립 태블릿 웹앱 개발 / 어드민 개발

• 고객 어드민, 사내 어드민, 다수 홈페이지를 개발했습니다.
• Dodo Insight 프로젝트에서는 회사의 B2B 수익 증대 TF에 소속되어 Highcharts 기반 차트 화면을 개발했고, 해당 프로젝트로 다건의 계약 성사에 기여했습니다.

사용기술: Backbone.js, Underscore, jQuery, require.js

컴퓨터과학과 (학사편입) 졸업

시각디자인과 졸업 UX 디자인, 인터랙션 디자인, 편집디자인, 사진