㈜애드포터 재직 중 · 새로운 기회를 살펴보고 있습니다

혼돈 속에서 구조를 정의하는 UI 개발자.

9년 6개월+ 차 React 퍼블리셔 박윤경입니다.
기획·디자인·개발 사이에 생기는 공백을 구조로 해소하고,
복잡한 UI 라이브러리가 뒤섞인 환경에서 표준을 세워 팀을 움직이게 만듭니다.

Seoul · 성동구 9년 6개월+ 경력 React · Next.js · Vue3
profile.ts
const profile = {
  name: '박윤경',
  role: 'React UI · PL/PO 지원',
  years: 9.6,
  stack: ['React 18/19', 'Next 14', 'Vue3'],
  ai   : {
    tools: ['Claude', 'GPT-4o', 'Cursor', 'v0'],
    level: 'UI 규칙·검증 체계',
  },
  super: '혼돈 → 구조 정의',
  status: 'open-to-work'
};
React 퍼블리셔 디자인 시스템 설계 TypeScript · Next.js 구조를 만드는 사람 Claude · Cursor · v0 AI 워크플로 설계·전파 Cross-functional 허브 App Store 1위 React 퍼블리셔 디자인 시스템 설계 TypeScript · Next.js 구조를 만드는 사람 Claude · Cursor · v0 AI 워크플로 설계·전파 Cross-functional 허브 App Store 1위
Strengths · 01

9년, 이 세 가지로 증명해 왔습니다.

UI는 결국 사람을 움직이게 만드는 일입니다.
화면을 그리는 것보다, 팀이 같은 방향을 보게 만드는 일에 더 많은 시간을 씁니다.

01 / 03

혼돈 속에서
구조를 정의합니다

스타트업 초기처럼 역할 경계가 모호한 환경을 잘 다룹니다. 모노레포 구조를 새로 잡고, 컴포넌트 네이밍 컨벤션을 문서화하고, 기획·디자인이 비어 있는 구간에서 개발 판단 기준을 먼저 정의합니다.

모노레포 컴포넌트 설계 컨벤션
02 / 03

복잡한 UI 라이브러리를
한 팀처럼 묶어냅니다

MUI · Ag-Grid · Shadcn UI · Tailwind가 한 프로젝트에 뒤섞이면 스타일 충돌이 일어납니다. 국내 대형 플랜트 EPC사 Admin 시스템에서 이 충돌을 구조적으로 해결하고 컴포넌트 재사용률 70% 이상을 달성했습니다.

MUI Shadcn Tailwind SCSS
03 / 03

AI 도구를
조직의 워크플로로 만듭니다

Claude · Cursor · v0 같은 AI 도구를 개인 생산성 도구가 아니라 팀 전체의 실무 워크플로로 정착시킵니다. AI 도구를 규칙 문서·화면설계·정적 검증 기준에 연결해 반복 가능한 UI 개발 워크플로로 운영합니다.

Claude · Cursor 워크플로 설계 멘토링 문서화
Impact · 02

숫자로 보는 9년.

0.0년
UI 개발 경력
React 퍼블리셔 · PL
0위
iOS 앱스토어
러쉬 Fresh Sale · 3일 유지
0%+
컴포넌트 재사용률
S사 엔지니어링 MAP (NDA)
0개월
신입 실무 투입
멘토링 · 가이드 설계
Selected Work · 03

최근 진행한 프로젝트.

2023년 이후 주요 4개 프로젝트.
각 프로젝트는 기술 스택보다 ‘어떤 문제를 어떻게 풀었는지’에 초점을 둡니다.

Experience · 04

커리어, 시간 순으로.

2025.09 — 현재
㈜애드포터

과장 · React UI 개발 / PL·PO 지원

  • 모바일 웹 · Google Play 앱 출시 완료, 출시 이후 UI 고도화 진행
  • 모바일 지도·검색·매체 상세·등록 플로우와 Expo WebView 경로 연결
  • 공통 필터·결과·바텀시트·온보딩 및 상태 화면 UI 구현
  • 다크 지도·찜 상태·글래스 하단 독바·마이·알림·결제·등록 완료 UI 정비
  • type-check · Vite build · 정적 검사 · headless Chrome 렌더 기반 검증
2024.04 — 2025.09
넥스트리㈜ · SW개발본부

수석연구원 / React 웹퍼블리셔

  • S사 엔지니어링 MAP Admin (NDA) — 다층 메뉴트리 · 대용량 테이블 구조 설계, 컴포넌트 재사용률 70%+
  • HD현대해양 IoT — Vue3 · Vuetify · Vue Flow Chart 기반 대시보드 · 플로우차트 구축
  • 우즈베키스탄 의대 LMS — 다국적 협업으로 웹·모바일 앱 출시 (App Store, 2025.01)
  • 신입 UI 퍼블리셔 멘토링 — 2개월 내 실무 투입
2023.03 — 2024.03
㈜러쉬코리아 · 개발본부

대리 / 웹퍼블리셔

  • Fresh Sale React · Next.js 퍼블리싱 — iOS 앱스토어 1위 3일 유지
  • 자사몰 이벤트 페이지 월 8건 이상 · 체류시간 · 전환율 실질 개선
  • iPad 가로모드 디지털 데모 퍼블리싱 (기여도 100%)
2020.06 — 2023.04
㈜루비셀 · 온라인기획팀

대리 / 웹퍼블리셔

자사 쇼핑몰 구축 · 유지보수와 도메인 · 호스팅 관리를 전담했습니다. 카페24 기반 자사몰 구축, 아프로ON 안드로이드 앱 퍼블리싱, 가비아 · 카페24 도메인 300개 관리 등 운영 전반을 혼자 감당한 시기입니다.

2018.08 — 2020.02
퓨처서비스 · 엘이노베이션 · 허브디앤씨

주임 · 사원 / 퍼블리셔

에이전시에서 인터랙션 · 모션 중심 프로모션 사이트와 브랜드 웹사이트를 만들었습니다. 퍼블리싱의 기본 체력과 디테일, 속도를 훈련한 시기입니다.

2015.03 — 2016.03
엠크라스

대리 / 앱 기획

퍼블리셔로 전향하기 전, 앱 기획과 제휴 담당으로 커리어를 시작했습니다. 이 시기의 ‘기획자 시선’이 지금도 협업의 기반이 되고 있습니다.

Toolbox · 05

실제로 다뤄본 도구들.

이름만 들어본 것이 아니라, 실무에서 직접 쓰고 문제를 풀어본 기술만 적었습니다.

Frontend

React 기반 대형 SI · SaaS에서 실무 적용한 스택.

React 18 / 19Next.js 14TypeScriptVue 3Vuetify
UI 라이브러리

복수의 UI 라이브러리를 혼합·커스터마이징.

MUIShadcn UIAg-GridKendo UIChart.js
마크업 · 스타일

웹 표준 · 접근성 · 크로스브라우징의 기본기.

HTML5CSS3SCSS 모듈화Tailwind CSS반응형 · ARIA
빌드 · 협업

실제 형상관리 · 빌드에서 쓰는 도구.

ViteGit · GitLab · SVNNode.js모노레포
디자인 협업

디자이너와 구조적으로 맞물리기.

FigmaZeplinAdobe XDPhotoshop · Illustrator
기타 · CMS

운영·유지보수 현장에서 직접 다룬 기술.

PHP / 그누보드카페24jQuery
AI · Agent 활용

단순 활용이 아니라 팀의 실무 워크플로로 정착시킵니다. AI 도구를 규칙·검증·화면설계 문서와 연결해 반복 가능한 UI 개발 워크플로로 운영합니다.

Claude (Anthropic)GPT-4oCursorv0 by VercelWindsurfFigma AI
CASE 01
스타일 충돌 진단

MUI·Tailwind·SCSS 혼재 환경에서 Claude로 충돌 원인을 구조 분석 → 가이드 문서 자동화

CASE 02
신입 온보딩 설계

GPT + Cursor로 컴포넌트 가이드 초안 작성 → 신입 퍼블리셔 2개월 내 실무 투입

CASE 03
디자인 없이 퍼블리싱

Edulime LMS — 도메인 모델만으로 Claude와 함께 화면 구조 추론 후 즉시 마크업

About · 06

박윤경, 어떤 사람인가.

저는 코드와 사람 사이에 구조를 만드는 일을 좋아합니다.

9년 넘게 UI를 만들어왔고, 최근 몇 년은 단순한 마크업을 넘어 기획 · 디자인 · 개발 사이에 생기는 공백을 구조로 메우는 일에 집중했습니다. 혼자 빨리 해치우기보다, 팀 전체가 같은 방향으로 움직이도록 가이드를 만들고 공유하는 쪽이 더 즐겁습니다.

러쉬 Fresh Sale에서 앱스토어 1위를 경험하면서 퍼블리싱의 품질이 비즈니스 성과에 직접 연결된다는 사실을 체감했고, 이후 넥스트리에서 S사 엔지니어링 · HD현대해양 · 우즈베키스탄 의대 LMS 같은 이종 도메인 · 이종 스택 프로젝트를 병행하며 어디에 떨어뜨려 놓아도 구조를 찾아내는 감각을 훈련했습니다.

지금은 애드포터에서 Web·Admin·Mobile UI를 구현하고 화면 정책과 검증 기준을 정리하고 있습니다. 모바일 웹과 Google Play 앱 출시를 완료한 뒤, 핵심 플로우와 하이브리드 WebView 정합성을 고도화하고 있습니다. 다음 회사에서도 구조와 검증으로 UI 품질을 지속 가능하게 만드는 역할을 하고 싶습니다.

Contact · 07

좋은 팀과,
좋은 구조를 같이 만들고 싶습니다.

지금 이 화면을 보고 계신 채용 담당자님께.
아래 중 편하신 방법으로 연락 주시면, 빠르게 답장드리겠습니다.

Tweaks ●
Accent
Theme