💁🏻‍♀️ Introduce.

안녕하세요! 프론트엔드 개발자 이하은입니다.

제가 만든 결과물이 사람들의 삶에 영향을 끼치는 것에 매력을 느껴 디자인을 전공하였고, 디자인만으로는 서비스를 출시할 수 없음에 갈증을 느껴 개발을 시작하게 되었습니다. UX/UI 분야 쪽을 전공한 만큼, 서비스를 바라볼 때에 사용자의 시각에서 출발하는 것을 잊지 않으려고 합니다.

몰입하여 밀도 있게 성장하는 것을 좋아하고, 동료와 함께 성장하는 것에 관심이 많습니다.

현재는 회사에서 프론트엔드 파트를 혼자 전담하여 기획부터 개발, 배포, CI/CD, 유저 피드백 반영까지 서비스의 모든 과정에 깊이 있게 관여하고 있습니다.

💻 Work Experience & Projects.

오케이포스

2021.02-현재

8,000여 개 가맹점 유치, 1,700만 명 회원 관리, 국내 POS 시장점유율 1위
가맹점을 관리하는 백오피스, 파트너사 서비스, 인바운드 서비스의 프론트엔드 파트를 혼자 전담하여 개발 및 유지보수
2021.07 티페이에서 오케이포스로 합병

상담신청 인바운드 서비스

가맹점주가 온라인으로 매장을 신청하고, 카드 가맹점 등록에 필요한 서류를 제출 할 수 있는 인바운드 서비스 개발
- React + TypeScript 개발환경 밑바닥 작업부터 세팅
- S3 CloudFront 를 사용하여 정적 웹사이트 배포, 인증서 연결
- Bitbucket pipeline을 통해 CI/CD 배포 자동화 및 슬랙 알림 연동
- product, develop 서버를 분리하여 배포 환경에 따라 env 환경변수 분기 (블로그)
- Sentry를 연결하여 product 서버 에러 트래킹
- Google Analytics 연결하여 사용자 전환률 측정
- 백오피스 내 해당 서비스를 관리하는 CRM 페이지 제작
- 백오피스 내 접수 등록 건 status에 따른 form 유효성 검사 분기 처리
- React TypeScript React Hook Form Context API SWR styled-components Bitbucket Pipelines AWS S3 CloudFront Certificate Manager Slack Google Analytics Sentry

가맹점 서류 연동 효율화

상담신청, 가맹점 등록, 카드 가맹 신청 프로세스에서 사용되는 가맹점 서류 연동을 통한 업무 효율화 작업
- 레거시인 Python Jinja template 환경부터 Vue, React까지 다양한 환경에서, 파일 관리 및 등록 form 개발
- FormData와 JSON 두 가지 데이터 교환 형식에서 File 객체 관리
- S3에서 CloudFront로 이전하여 로딩시간 약 30% 단축 (블로그)
- 보안을 위해 CloudFront에 Signed URLs 적용 (블로그)
- 이미지 리사이징 기능 적용
- React Vue JavaScript TypeScript React Hook Form Ant Design Form Context API styled-components Signed URLs

재계약 관리 시스템

계약기간 만료로 인해 이탈하는 가맹점 대처를 위한 재계약 관리 자동화 시스템
- 재계약 대상 매장의 기존계약 정보, 보유 장비 정보, 연도별 결제 건수와 CMS 출금 정보 제공
- 기간 만료로 인해 놓치는 계약 100% 감소
- React TypeScript Context API styled-components

지역 담당자 관리 시스템

지역 담당자를 기반으로 방문 지원 업무 담당자 배정 자동화
- 지역별 방문 지원 담당자 조회 및 변경
- 담당자별 관리 지역, 관리 가맹점 수 집계
- React TypeScript Context API styled-components

즐겨찾기 서비스

백오피스의 메뉴 즐겨찾기 서비스
- 총 75개의 메뉴를 탐색하는 데 불편함을 느껴 업무 외 하고 싶어서 한 일
- 백오피스 실무자 중 31% 사용
- React TypeScript Context API styled-components

tBoard, 파트너사 서비스 개발 및 유지 보수

내부 백오피스(tBoard), 파트너사 서비스 유지보수 및 고도화
- tBoard 란? 물류 및 매출을 관제하는 ERP 파트와 접수, 상담, 유저 관리, 카드사 VAN사 프로세스 등을 관리하는 CRM 파트로 구성된 내부 백오피스
- Jinja template, Javascript, Vue, React까지 다양한 환경에서 프론트개발
- 물류의 구매-출고-입고 관리 및 재고 현황 집계 관리 제공
- 다양한 필터 검색 기능, form 전송 기능, 테이블 ordering 기능 개발
- 엑셀 다운로드, 구글 시트 연결, 인쇄 기능 제공
- 계약서, 부가세 신청 등 기타 외부 페이지 유지보수
- React Vue Javascript TypeScript Jinja Context API React Hook Form Ant Design Form Material-UI ****styled-components SWR Github Actions AWS S3 CloudFront Route 53 EC2 Sentry