한재엽 (Jbee)

Last updated: 2022.07.17

저는 ______ 하는 엔지니어입니다.

  1. 제품의 변경을 우선적으로 고민하는
  2. 성장을 위한 개발 문화를 고민하는
  3. 채용을 비롯하여 조직과 사람에 관심이 많은

저는 ______ 하는 조직을 선호합니다.

  1. 출퇴근 시간을 본인이 결정할 수 있는
  2. 의사결정이 투명하게 이뤄지고 이를 위한 정보가 수평적으로 공유되는
  3. 구성원들이 조직의 비전을 함께 구체화하고 공감할 수 있는
GitHub https://github.com/JaeYeopHan
Blog https://jbee.io
Contact ljyhanll@gmail.com

Experiences

TossPayments
period 20.10 ~ current
position Frontend Chapter, Dashboard Silo, Inflow Silo
projects 가맹점 대시보드 / 프런트엔드 플랫폼
tech Next.js, TypeScript, react-query, react-hook-form, emotion

Frontend Platform Engineering

  • 원클릭 배포 및 롤백 환경을 위한 어드민 웹 애플리케이션 구성
  • A/B Testing을 위한 TypeScript SDK
  • 사용자 지표 추적을 위한 TypeScript/React 로깅 SDK
  • 이메일 템플릿 작업을 위한 어드민 작업 (AWS SES, Nest.js, Next.js)

프론트엔드 제품의 배포 환경 구성 (20.10 ~ 22.02)

  • AWS 리소스들을 Terraform으로 관리
  • AWS의 S3, CloudFront, Lambda@edge를 사용한 정적 배포 구성
  • GitHub Action을 기반으로 CI/CD 구성

가맹점 대시보드 (20.10 ~ 22.07)

  • 사업자가 사업을 하는데 있어서 결제와 관련되어 필요한 모든 것을 할 수 있는 제품
  • 에러 처리 및 모니터링 효율화 (https://jbee.io/react/error-declarative-handling-0/)
  • Headless UI 라이브러리 개발하여 복잡한 인터페이스를 어느 제품에서라도 재사용 가능하도록 개발 (@h6s)

토스페이먼츠 홈페이지 (22.02 ~ 22.06)

  • 신규 가맹점을 데려오기 위한 수단 중 하나로 제안서 성격의 홈페이지 제품
  • 기획 단계에서부터 개발, AB 테스트를 통한 전환율 개선까지 참여

Toss (Viva Republica)
period 20.04 ~ 20.10
position Web Platform Team, Inflow Silo / Front-End Engineer
projects 로그센터, 숨은정부지원금찾기, 반짝특가, 매일행운상자

Log Center (로그센터) / Logging SDK (20.02 ~ 20.10)

  • 토스앱 내에서 사용자의 행동을 추적할 수 있는 로그들을 쉽게 관리할 수 있는 웹 애플리케이션 제품 / 제품에서 사용할 수 있는 로깅 SDK
  • 복잡한 Form을 Uncontrolled, Controlled의 조합으로 설계 및 개발
  • DX를 고려한 로깅 SDK 인터페이스 설계 및 개발

토스앱 인플로우 제품 (20.04 ~ 20.10)

  • 토스앱에 신규 유저를 유치하기 위한 제품들을 개발 (숨은정부지원금찾기, 반짝특가, 매일행운상자)
  • 초대 Scheme, 공유 Scheme, 혜택 Scheme등을 적용하여 여러 제품을 짧은 주기로 실험

LINE Financial Plus
period 18.11 ~ 20.04
position Web Dev 2 / Front-End Engineer
projects LINE Indonesia Bank, Smart Invest Japan, Webview SDK, Mentoring
tech TypeScript, React, Redux, redux-saga, react-router, react-i18n, jest, Storybook

Indonesia Bank (19.02 ~ 20.04)

  • 인도네시아 국가를 대상으로 하나은행과 함께 진행하는 은행 애플리케이션의 웹뷰 영역 담당
  • 프로젝트 초기 React Application Architecture 설계
  • Storybook을 통한 UI 검증 프로세스 간소화
  • App like UI를 위한 시도 (https://github.com/JaeYeopHan/ux-lab)
  • redux-saga Unit 테스트를 강화
  • 웹뷰 파트 리드로 CR 프로세스, QA 프로세스, 일정, 커뮤니케이션 포인트 정리

Smart Invest (18.11 ~ 20.04)

  • LINE Messenger 플랫폼을 기반으로 운영되는 투자 서비스 중개 플랫폼.
  • 외부 외주 인력에 의해 개발 및 유지 보수된 서비스를 3개월 동안 마이그레이션 작업 및 내재화 진행
  • 성능, 접근성, SEO 등 기존에 부족했던 부분들을 전반적으로 개선. (Lighthouse 기준, 80점 -> 97점)
  • 압축, 코드 스플리팅, 트리 쉐이킹 등으로 초기 로딩 속도를 개선.
  • 테스트 코드 작성으로 프로덕트 안정성 향상 (coverage: 0% → 67%)
  • Jenkins, 사내 CDN 시스템, 사내 클라우드 시스템 연동으로 원버튼 배포 시스템 구축하여 정적 리소스 파일 배포 자동화
  • 개발 환경, 프로젝트의 구조, Trouble Shooting, Policy 등에 대한 부분을 문서화.
period 17.07 ~ 18.10
position FE Platform / Front-End Engineer
projects SmartAround, generator-sau-webpack
tech TypeScript, jQuery, lerna

SmartAround Service (18.02 ~ 18.10)

  • 사용자의 위치를 기반으로 맛집, 액티비티, 방문할만한 곳 등 다양항 정보를 제공해주는 서비스.
  • 팀 내 TypeScript 도입
  • 이미지 레이지 로딩, 컴포넌트 레이지 초기화를 통한 초기 로딩 성능을 개선.
  • 브라우저 뒤로가기, 외부 공유 등의 상황에서 사용자가 바라보고 있던 화면이 유지되도록 사용성 개선.
  • 팀 내 모듈들을 관리하기 위해 lerna 도입
  • 프로젝트 회고에 대한 연구 및 진행(관련 블로그 글)

Project Generator

  • Yeoman Generator 기반의 개발 환경 scaffolding 도구.
  • 프로젝트의 기반이 되는 TypeScript 기반의 template을 제작 및 유지보수.
  • 팀 내에서 사용되는 프로젝트 구조를 템플릿화 하여 create-react-app 같은 CLI 도구 제작.
  • 개인 토이 프로젝트 용으로도 만들어서 사용. (GitHub Repository)

Communities

Open Source

Presentations

Books

Articles

Activity


Education

NHN NEXT

(16.03 ~ 17.09) Web 과정 수료

감사합니다.


Front-End Engineer, @Jbee