gubog.dev — Frontend Developer

숫자로 읽는 나

—년개발 경력

—K+서비스 피크 DAU

—+담당 프로젝트

—오픈소스 기여

경험한 것들

React · TypeScript 기반 프론트엔드 앱을 설계부터 운영까지 전 주기 단독 수행했습니다.
Yarn Berry + Turbo 모노레포를 직접 설계해 멀티 앱 개별 빌드 시간을 최대 80% 단축으로 개선했습니다.
번들 최적화·이미지 경량화·Gzip 적용으로 번들 사이즈를 대폭 줄이고 LCP/CLS 등 Core Web Vitals를 개선했습니다.
React Class 컴포넌트·ASP 등 레거시를 최신 스택으로 마이그레이션하고, React → Next.js SSR 전환을 설계·검증했습니다.
앱-웹뷰 브릿지 통신으로 네이티브 메서드 호출·유저 컨텍스트 수신을 구현했습니다.
Android · iOS 웹뷰 환경의 렌더링·터치 이벤트·safe-area 등 크로스 플랫폼 이슈를 다수 해결했습니다. (iOS 17 이하 OffscreenCanvas 미지원 → CSS transition 기반 파티클 훅으로 대체)

기술 스택

LANGUAGE

TypeScript JavaScript

FRAMEWORK

React Next.js

상태관리

Zustand TanStack Query Recoil useSyncExternalStore

STYLE

Sass styled-components Tailwind CSS shadcn/ui

INFRA

Yarn Berry Vite Turbo Jenkins

협업

Figma Zeplin Jira Confluence

경력

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-snowfall

3D Rotation 효과 옵션 추가

개인 프로젝트

GitHub에서 더 많은 작업물을 확인할 수 있습니다.

채팅

실시간 채팅 웹

Vite + React 기반으로 구현한 웹 채팅 애플리케이션. STOMP 프로토콜을 활용한 WebSocket 실시간 메시징 구현.

리디자인

Fantagio 웹사이트 리디자인

판타지오 웹사이트를 리디자인한 개인 프로젝트

추첨

랜덤 추첨기

Node.js + Express 기반 서버와 Socket.io를 활용한 실시간 랜덤 추첨기.

ashtonisher

github.com/ashtonisher

개인 프로젝트 및 작업물을 GitHub에서 확인하세요.

|