About
10년차 프로덕트 엔지니어이며, 주로 웹 기술을 사용해 개발해 오고 있습니다. 프로덕트의 성공과 동료들의 생산성 향상에 직접적으로 기여할 수 있는 환경에서 일하는 것을 선호합니다. 디자인과 디테일에 신경을 많이 쓰지만, 한번에 완벽한 프로덕트를 만들기보단 점진적으로 향상시켜야 한다는 생각을 견지하고 있습니다.
업무와는 별도로 오픈 소스 생태계에 관심이 많아 늘 공부하고 기여할 기회를 찾고 있으며, 오픈 소스 기술로 어떻게 더 나은 결과물을 도출할 수 있을지 고민하고 있습니다.
Work Experience
- 포트원 콘솔 서비스 개발
> 애널리틱스 서비스 UI 개발 및 Relay(GraphQL)를 이용한 차트 API 연동
> shadcn/ui등을 이용한 디자인시스템 개선 작업
> '결제 연동' 페이지 리뉴얼
> '정산 자동화' 프로젝트 프론트 개발 리드
> 기타 생산성 향상 작업 및 트러블슈팅 지원
2021.11 – 2023.02
-
농민 슈퍼앱 '팜모닝' 개발
> '판로 개척' '영농일지' 등 피쳐 구현
피쳐 온보딩 화면, 사용자 입력 폼 구현 및 유저 입력 내용을 확인할 수 있는 화면들을 구현 (Relay와 React hook form 사용)
> Next.js 전환 작업, Vercel로 배포 변경
기존 s3로 배포되던 단순 CSR 앱에 대한 SEO 니즈 등이 발생해, Next.js로 전체 앱을 빠르게 마이그레이션하고 Vercel에 배포
> 팜모닝 프론트엔드 팀 리드로서, 프로젝트의 기술적 결정(예: Next.js 도입, 피쳐 플래그 도입 등) 과 트러블슈팅을 담당하고 사내 코드 오픈소스화 기획 등 진행 -
사내 디자인 시스템 'Formula' 개발
> 디자이너와 함께 사내 전사적(본사 및 3개 자회사)으로 사용할 수 있는 디자인 시스템 설계 (Material Design 기반)
> style-dictionary로 디자인 토큰 상세 transform 스크립트 작성, Figma Tokens 플러그인의 동기화 스크립트 작성
> 컴포넌트 개발 (TS, vanilla-extract 기반), ReScript 바인딩 작성
> 개발자들을 위한 가이드 작성
> github.com/green-labs/for… -
국제 농민 앱 'Farmmy' 개발
> Formula 디자인 컴포넌트의 도입 및 트러블슈팅, '직거래장터' 피쳐 개발
> lokalise 서비스를 이용한 국제화 키 값 싱크 및 SSR 구현 경험
사용기술: React, Next.js, ReScript, TypeScript, Relay
2021.1 – 2021.11
- 시니어 프론트엔드 개발자로서 '넥스클리퍼' 프로메테우스 웹 콘솔 개발 및 팀 리딩
> 외주 결과물이었던 redux-saga 기반 기존 레거시 프로젝트의 구조를 유지보수가 용이하도록 react-query/jotai 기반으로 전환
> 고객사들의 요구에 맞추기 위해 가변적 UI를 제공해야 하는 요구사항에 맞춰 모노리포 솔루션(Yarn Berry) 도입
> 추가적인 콘솔 프로토타입 제작, ant design 기반 공용 컴포넌트 개발
> 주니어 개발자 교육, 코드리뷰, 트러블슈팅 등 진행
사용기술: React, React-query, TypeScript, Jotai
2019.11 - 2020.9
- 소상공인을 위한 매출관리 및 토탈 솔루션 앱 '캐시노트' 프론트엔드 개발
> '부가세 자가신고', '노란우산공제 신청', '코로나 자금 진단' 등 핵심 기능 개발
> '오픈뱅킹 프로젝트' 간편송금 화면 구현 및 API 연동
> JavaScript 기반 앱에 TypeScript 도입 및 전환, 리팩터링 등 생산성 향상 업무
사용기술: React, Apollo GraphQL, styled-components, TypeScript
2015.10 - 2019.11
-
Fancy.com (현재 서비스 중단) 고객 대면 웹, 스토어프론트 및 백오피스 풀스택 웹 개발
> 반품 및 환불 기능 구현
> 기존 Django / jQuery 기반 정적 웹사이트에 React로 상품 상세 화면 구현, REST api 개발 -
Shopify와 같은 사용자 홈페이지 템플릿 구현, 체크아웃 화면 프론트 구현
> 내부 솔루션 사용하는 고객들 (Gear.com 등)을 위한 프론트 구현
사용기술: Django, TypeScript, Backbone.js, React, jQuery
2014.3 - 2015.10
- 도도포인트 포인트 적립 태블릿 앱 개발
> 기존 Backbone 기반 앱 React로의 전환 작업 - 고객 어드민, 회사측 어드민 및 다수 홈페이지 개발
Education
방송통신대학교 컴퓨터과학과 (학사편입) 졸업
홍익대학교 시각디자인과 졸업
UX 디자인, 편집디자인, 사진