About Me

기획자와 디자이너가 없는 환경에서도 운영팀과 직접 요구사항을 정의하며 이커머스 백오피스를 구축해 왔습니다. 반복 업무를 발견하면 노코드 페이지 빌더, 약관 관리 도구, 정산 시스템과 같은 운영 도구로 전환하고, 프론트엔드를 넘어 API와 데이터 구조까지 이해하며 문제를 끝까지 해결합니다.

또한 공통 컴포넌트와 디자인 시스템, API 아키텍처를 정비해 동료가 더 빠르고 일관되게 개발할 수 있는 환경을 만드는 것을 좋아합니다. SEO 작업을 통해 자연 검색 유입을 월 0명에서 10,000명으로 성장시키고, 모달 렌더링 시간을 8초에서 0.1초로 단축하는 등 기술적 선택을 실제 서비스 성과로 연결해 왔습니다.

Tech Stack

Frontend

TypeScript · JavaScript (ES6+) · React · Next.js (App Router) · React Native

State & Data

TanStack Query · Zustand · Redux Toolkit · MobX

UI

Tailwind CSS · shadcn/ui · styled-components · Storybook

Backend & Infra

NestJS · Prisma · PostgreSQL · Redis · GitHub Actions · Vercel

Collaboration & Others

Jira · Confluence

Experience

Frontend Developer (Full-stack Scope)

(주)비단팝팝 - PopPop
2025.07 ~ 현재

블록체인 기반 기프트카드 거래 서비스의 관리 시스템을 운영하고, 신규 이커머스 프로젝트의 상품, 배송, 정산 등 운영 전반을 지원하는 백오피스와 프론트엔드 공통 아키텍처를 구축

  • 기획자와 디자이너 없이 운영팀과 직접 요구사항을 정의하며 초기 백오피스를 구축하고, 현재 백오피스 2.0의 프론트엔드 개발을 주도
  • 상품 등록, 승인, 배송 정책, 주문 및 정산 등 이커머스 운영 프로세스를 관리자 시스템으로 구현
  • 노코드 페이지 빌더와 약관 관리 도구를 개발해 운영팀이 개발자 없이 콘텐츠를 관리할 수 있는 환경 구축
  • 회계팀과 정산 기준 및 예외 조건을 정의하고, 서버부터 관리자 화면까지 구현해 수기 정산 프로세스를 시스템으로 전환
  • 재사용 가능한 공통 컴포넌트를 구축하고 코드 리뷰를 주도하며 타입 설계와 디자인 시스템 기준을 정립

Tech Stack · Next.js, TypeScript, Zustand, shadcn/ui, Tailwind CSS, NestJS, Storybook

Frontend Developer

레인트
2024.06 ~ 2024.12

GS리테일 상품·방송 관리 Backoffice의 React 기반 마이그레이션 프로젝트

  • XML 기반 상품·방송 관리 화면을 React 기반 애플리케이션으로 마이그레이션
  • Context에 집중된 상태 관리 구조를 도메인 단위로 재설계하고 Zustand를 도입해, 특정 모달의 표시 지연 시간을 8초에서 0.1초로 개선
  • 레거시 시스템의 유지보수성과 신규 기능 확장성 개선
  • React 16과 React 18이 혼재된 환경에서 기존 서비스와 신규 화면 간 호환성을 고려해 점진적으로 전환

Tech Stack · TUI Grid, React 16, React 18, RealGrid, Next.js, TypeScript, Storybook, MobX

Frontend Developer

주식회사 밸런스 - Balance
2022.12 ~ 2024.03

건강기능식품 커머스 플랫폼 초기 구축 및 운영 고도화

  • Next.js SSR, 동적 메타데이터, JSON-LD를 적용해 검색 노출 기반 구축
  • 검색 유입 데이터를 분석하며, SEO를 지속적으로 개선해 자연 검색 유입을 월 0명에서 10,000명으로 성장
  • Turborepo 기반 모노레포와 디자인 시스템을 구축해 서비스 간 공통 UI와 로직을 재사용할 수 있는 환경 구성
  • Storybook을 도입해 컴포넌트 명세를 문서화하고 디자이너와 협업 방식을 개선
  • Tiptap 기반 콘텐츠 에디터를 고도화해 마케팅팀의 콘텐츠 제작 및 수정 효율성 향상
  • 프로모션 이벤트 페이지와 사용자 참여 기능의 프론트엔드 개발

Tech Stack · TanStack Query, Next.js, TypeScript, Storybook, React 16, Zustand

Frontend Developer (React Native)

(주)파이러츠 - YOMANNA (요만나)
2022.05 ~ 2022.12

요리 취향을 기반으로 사용자를 연결하는 소셜링 플랫폼의 초기 기획부터 개발까지 참여하고, 프론트엔드 1인 개발자로 iOS 앱을 출시

  • React Native와 TypeScript 기반 모바일 애플리케이션 초기 구조 설계 및 개발
  • Redux Toolkit 기반으로 사용자 인증과 결제 상태 관리 구조 구현
  • PG 결제와 FCM 푸시 알림 등 핵심 기능 개발
  • 기획 단계부터 참여해 화면 흐름과 기능 요구사항을 구체화하고, 프론트엔드 1인 개발로 iOS App Store 정식 출시
  • Asana를 도입해 개발 요청, 우선순위와 작업 이력을 관리하는 협업 프로세스 정립

Tech Stack · React Native, TypeScript, Redux Toolkit, Firebase (FCM)

Activities

항해99 5기

2022.01 ~ 2022.04

프론트엔드 과정 수료 및 팀 프로젝트 리딩

팀스파르타 로켓단 2~3기

2022.05 ~ 2022.07

Unity 기반 하이퍼캐주얼 게임 개발

Education

한국방송통신대학교

컴퓨터과학과 재학중

2025.03 ~

대진대학교

국제통상학과 졸업

2015.03 ~ 2020.03

쑤저우대학교

중어중문학 수료

2016.03 ~ 2020.03