최우진

Front-end Dev.

우진사진
Contact & Channel.
Skills.
Strong.

Vue

Vuex

Javascript

Html

CSS

SCSS

Knowledge.

React

Next.js

Typescript

Vercel

Webpack

node.js

Used Tool.

Git

Github

GitLab

VSCode

WebStorm

Figma

Slack

Introduce.

안녕하세요. 유연한 개발자 최우진입니다.

현재 3년차 개발자로 재직 중이며, 다양한 사람과의 소통을 좋아하여 협업을 즐깁니다. 솔직하고 담백한 화법을 선호하며, 중재자로서 갈등을 해결한 경험이 많습니다.

동료의 의견을 존중하고 배려하며, 기술적 제한 사항을 기획자와 효과적으로 소통하고 필요 시 백엔드 명세 수정 요청을 설득하여 프로젝트가 원활히 진행되도록 합니다. 모든 사람의 역량이 모여야 결과물이 빛난다는 것을 알기에 다양한 직무의 팀원들과 이해와 배려를 기반으로 협업해 왔습니다.

하고 싶은 것은 꼭 해야 하는 성향 덕분에 새로운 것을 알아가는 것에 있어 두려움이 없었고, 제게 그 과정은 늘 즐겁습니다. 그래서 다양한 학습과 경험을 마다하지 않으며 이를 통해 프론트엔드 개발자로서 성장해 나가고 있습니다.

Career.

(주) 페이민트

2021.08.02 ~ ( 재직중 )

비대면 결제 서비스를 주력으로 하는 핀테크 스타트업 페이민트에서 근무했습니다.
입사 시점 "10,000개 가맹점, 월 거래 취급액 250억"에서 시작하여 "가맹점 60,000개, 월 거래 취급액 2,000억"에 이르기까지, 빠르게 성장하는 서비스를 개발하고 운영했습니다.

결제선생의 청구서 시스템, 매니저 사이트, 어드민 사이트를 개발하고 유지보수해왔습니다. 특히 어드민 사이트(백오피스)의 프론트엔드 개발을 주도하였으며, 운영 업무에 필요한 다양한 기능을 구현했습니다.
Work Experience.
(주) 페이민트
어드민 사이트.

2021.08 ~

👉🏻결제선생 서비스를 이용하는 사용자들과 사업장을 관리하는 백오피스 페이지로, 기존 1.0 버전의 유지보수와 리뉴얼된 2.0 버전의 신규 구축 및 개발 리드를 담당하였습니다. 또한, CS 상담 관리, 사업장 등록, 결제 수단 관리, 정산 관리, 어드민 멤버 관리 등 서비스 전반의 운영을 통합적으로 관리할 수 있는 다양한 페이지들을 제작하였습니다.

기존 1.0 버전에서는 주로 유지보수 업무를 담당하며, 안정적인 운영을 위한 문제 해결과 개선 작업을 수행하였습니다.

사수가 없는 환경에서 Admin 2.0을 신규 구축하고 개발 리드를 담당하였으며, 코드의 유지보수성과 확장성을 고려하여 폴더 구조를 체계적으로 분류하고 정의하였습니다.

주요 기능별로 폴더를 나누어 공통 컴포넌트, 유틸리티(helper) 함수, 스타일 파일 등을 별도의 디렉토리에 정리하여 가독성을 높였습니다.

컴포넌트 설계로 다양한 페이지의 중복코드를 방지하고, 신규 페이지의 개발속도를 단축시켰습니다.

서비스 사용 신청 사업장의 심사 과정을 OCR 서류인식NICE 통신 연결을 통해 자동화하여, 심사 승인 속도를 높이고 유치 고객을 증가시켰습니다.

1.0과 2.0 간의 이동 버튼을 각 페이지 메인에 추가하여, 새 창으로 열리는 페이지 간에 postMessage로 로그인 정보 교환을 통해 재로그인 없이 다른 버전의 어드민 서비스를 이용할 수 있도록 구현하였습니다.

어드민 메뉴마다 연동되어 있는 목록 조회 API엑셀 다운로드 목록 조회 API사용자의 동작 순간에 맞춰 분류하여 연동함으로써, API 과부하를 방지하고 효율성을 높였습니다.

외부 플러그인의 기능을 활용하면서, 기획 디자이너의 디자인 요구를 충족시키기 위해 기존 플러그인 스타일을 재정의하고 컴포넌트로 제작하여, 활용성을 높이고 타 팀과의 원활한 소통을 이뤄냈습니다.

결제선생 - 매니저 사이트.

2021.08 ~

👉🏻결제선생 서비스에 가입한 사용자가 이용하는 사이트로 사업장 등록, 청구서 관리 및 발송, 청구서 수신 고객 관리 등 다양한 기능을 제공합니다. 매니저 사이트의 다양한 신규 프로젝트에 참여하였으며, 사용자 경험을 개선하기 위해 지속적으로 기능을 업데이트하고 최적화했습니다.

반응형 레이아웃으로 기본 모바일화면과 WebView 화면에 적합하도록 개발하였습니다.

UI 요소들의 컴포넌트화에 초점을 두고 개발하여 협업과 유지보수에 용이하도록 하였습니다.

비밀번호 유효성 체크를 복잡화함으로써 보안 및 웹 취약점을 개선했습니다.

사용자 트래킹을 위해 Google Analytics(GA) 태그를 추가하였습니다.

사용자 본인확인 방식을 신분증 업로드에서 드림시큐리티 연동 휴대폰 인증으로 전환하여 사용자 경험을 개선했습니다. 웹/AOS는 새 창에서, iOS는 리다이렉트로 결과 값을 받아 API 호출을 분기 처리하도록 개발했습니다.

결제선생 이용을 위한 사업장 등록 프로세스를 개선하는 작업을 진행했습니다. 기존 서류 이미지 업로드 방식에서 OCR을 이용한 자동화 방식으로 전환하여, 등록 과정을 간소화하고 효율성을 높였습니다.

Vuex(전역 상태 관리 라이브러리)로 컴포넌트 데이터를 저장 및 조회하여 사업장 등록 진행 히스토리를 관리하였습니다. 이를 통해 등록 단계별로 사용자 동작에 따라 UI를 동적으로 구현하였습니다.

사업장 등록 재심사를 요청하는 페이지를 개발하고 유지보수하였습니다. Slack API를 연동하여 고객이 재심사를 요청할 때 관리자가 자동 알림 메세지를 받아볼 수 있도록 하였습니다.

다양한 제휴 간편결제 서비스 등록 페이지를 개발했습니다. '우리카드 가맹점 신청', '카카오페이 결제수단 신청', '케이뱅크 간편계좌이체 결제수단 신청' 등의 페이지를 통해 여러 간편결제 서비스와의 제휴를 원활하게 진행했습니다.

결제선생 - 청구서.

2021.08 ~

👉🏻결제선생 서비스를 이용하는 사업장에서 사업장 이용 고객에게 발송하는 결제 청구 페이지입니다. 이 페이지는 '앱카드', 'KEY IN', '자동결제', '간편결제(페이앱)', '뱅킹앱' 등 다양한 결제 수단을 제공하며, 고객은 별도의 앱 다운로드 없이 카카오톡으로 청구서를 수신하고 결제할 수 있습니다.

유지보수에 중점을 두고 기존 프로세스와 UI를 관리하고, 시스템의 기능을 최신화하였습니다.

모바일에 최적화된 반응형 레이아웃으로 개발하여 다양한 디바이스 환경에서 일관성을 유지했습니다.

열람 디바이스의 종류에 따라 사용 가능한 결제앱 목록을 동적으로 조정하여, 각 플랫폼에 최적화된 인터페이스를 제공했습니다.

'KB Pay 알림결제 서비스 신청' 페이지를 제작하였습니다. 고객이 페이앱 푸시알림을 받고 바로 결제할 수 있도록 하는 서비스로, 서비스 안내, 정보 입력, 약관 동의, 신청완료로 구성된 짧은 프로세스로 구현하여 미납률 감소 효과를 이뤘습니다.

출결선생.

2023.08 ~ 2023.09

👉🏻출결선생은 결제선생 사업장 중 출석체크 기능을 사용하는 사업장에 제공되는 서비스입니다. 수업 클래스와 학생을 등록할 수 있으며, 학생 출석체크를 완료하면 보호자에게 출결 알림 메시지가 전송되는 기능을 주로 제공하고 있습니다.* 연결링크는 출결선생 안내 랜딩페이지 입니다. (출석체크 페이지는 서비스 이용자에 한해서 진입이 가능함)

출결선생 서비스의 출석체크, 출결조회 페이지를 개발하였습니다.

리스트형 UI를 통해 학생들의 출석 상태를 관리하며, 각 리스트의 '등원, 하원, 결석, 철회'의 동작은 컴포넌트 간의 상호작용 및 데이터 흐름을 고려하여 독립적으로 처리되도록 개발하였습니다.

'출결선생' 런칭 홍보 페이지를 개발하였습니다. 네컷만화 형식으로 구성 된 페이지며 단일 컴포넌트로 각 회차를 동적 라우팅으로 구분하여 prev/next 버튼을 통한 간편한 회차 탐색이 되도록 개발하였습니다.

결제선생 및 출결선생 체험페이지.

2024.01

👉🏻결제선생 및 출결선생의 핵심 기능인 청구서와 출결 메시지 발송을 체험할 수 있는 페이지로, 서비스 이용을 간접적으로 경험할 수 있습니다.

HTML, CSS, 및 Vanilla JS를 사용하여 페이지를 제작하였습니다.

'Spline 3D'와 'Lottie' 이미지를 JavaScript로 연동해 인터랙티브한 UI 페이지를 구현했습니다.

2일이라는 제한된 기한 내에 효율적으로 페이지를 완성하여 높은 품질의 결과물을 제공했습니다.

Side Project.

리딩오션

👉🏻리딩오션 내부의 유아의 독서 증진을 위한 동기부여 프로그램으로 육성 시뮬레이션 게임에 기반한 페이지입니다. 독서에 대한 흥미를 높여 유아의 지속적인 독서를 위한 에듀케이션 프로그램입니다.* 연결링크는 리딩오션 프로그램 소개 블로그 페이지 입니다.

협업 개발자와 함께 코드 컨벤션을 정하고 준수하며 개발을 진행하였습니다.

독서 미션 수행, 포인트 획득, 꾸미기 아이템 구매 및 사용 등의 화면들을 제작하였으며, 컴포넌트 단위로 분류하여 개발하였습니다.

고객사의 개발표준 및 개발환경을 준수하고, 요청 기한에 맞춰 프로젝트 개발을 완성했습니다.

본 페이지는 상업적 목적이 아닌
비영리적 개인 포트폴리오용으로 만들어진 사이트입니다.
본 페이지는 React, Next.js, Vercel 을 이용해서 제작하였습니다.

woojin choi ⓒ 2024