UX 디테일과 성능 최적화, 유지보수하기 좋은 코드에 대해 고민하는 프론트엔드 개발자입니다.
현장 강의 경력과 기획·디자인 협업 경험으로 비개발 직군과의 원활한 소통에 익숙합니다.
LANGUAGE
FRAMEWORK
상태관리
STYLE
INFRA
협업
2022.02 — 현재
바나플
프론트엔드 개발자 · 년차
F&B 프랜차이즈 바나프레소의 주문 플랫폼, 가맹 운영 플랫폼, 앱테크, 자회사 퀵 서비스 등 다양한 웹 제품의 프론트엔드 설계·개발·운영을 담당했습니다. 서비스 개발뿐 아니라 모노레포 아키텍처 설계, CI/CD 구축, 공통 패키지 설계 등 프론트엔드 개발 환경 개선도 함께 주도했습니다.
2021.04 — 2022.03
SBS 컴퓨터 아카데미
강사 · 1년
포토샵·일러스트레이터 등 디자인 기초 툴 및 HTML/CSS/JavaScript 웹 퍼블리싱 강의 담당.
인프라 / 아키텍처
모노레포
모노레포 설계·구축
Yarn Berry workspaces + Turbo 기반 모노레포 직접 설계·구축. 빌드 시간 150초 → 30초 (80% 단축). 멀티 앱 환경에서 독립적인 빌드·배포 구조 확립.
공통 패키지
공통 패키지 설계
ui·hooks·modules·api 공통 패키지 설계 및 개발. 프로젝트 간 코드 재사용 구조 확립으로 개발 공수 단축.
컴포넌트
Storybook
Storybook 7 기반 공용 컴포넌트 격리 개발 및 시각적 검증 환경 구축.
문서화
Confluence
웹 서비스별 플로우를 Confluence에 문서화.
CI/CD
Jenkins 빌드·배포 파이프라인
Jenkins 기반 앱별 독립 빌드·배포 파이프라인 구성 및 관리.
서비스 개발
홈페이지
바나프레소 홈페이지
React 18 마이그레이션. 이미지 최적화·lazy loading·PurgeCSS·Gzip으로 번들 사이즈 80% 감소. Next.js 기반 SSR 전환 설계 및 검증.
주문
바나프레소 웹 주문
결제·장바구니·할인·회원 인증 로직 전반 개발. 나이스 본인인증 모듈 연동.
어드민
가맹점주용 웹 사이트
50개 이상 가맹점 대상 매출·정산·발주 도메인 관리 페이지 신규 개발부터 유지보수·리뉴얼까지 전 주기 단독 담당. 차트·테이블 기반 데이터 시각화 및 엑셀 다운로드.
웹뷰
복숭아키우기
게임형 앱테크 서비스 프론트엔드 단독 개발. Android·iOS 웹뷰 크로스 플랫폼 대응 및 렌더링 최적화로 DAU 1만 명+ (피크 1.3만 명) 1년 이상 안정 운영. 신규 가맹 유치 마케팅 포인트로 활용.
이벤트
포춘쿠키
운세 라벨지 연계 미니 페이지 및 이벤트 홍보 기능 신규 개발 및 런칭.
게이미피케이션
활동배지
SNS OCR 인증 포함 미션 기반 게이미피케이션·경쟁 요소 구현 및 서비스 런칭.
솔루션
범용 퀵 페이지
회원사별 커스터마이징 지원하는 퀵 주문 접수·상태 추적 솔루션 신규 개발 및 런칭. 카카오 채널 연동.
선결제 관리
선결제 서비스
개인·단체 선결제 적립·사용내역 조회, 회원정보 관리, 환불 신청 페이지 개발.
홈페이지
바나플 홈페이지 (퀵 서비스)
ASP → React 마이그레이션. 법인 분리 시 외부 ASP 의존 없이 독립 운영 가능한 구조로 전환.