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

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

약 9년 이상 Web/Admin/플랫폼 UI를 구축해 온 React UI Developer 박윤경입니다.
기획 공백을 화면설계·상태 정책·예외 케이스로 구체화하고,
AI 도구를 코드 검토·문서화·QA 흐름까지 연결하는 AX형 업무 방식을 운영합니다.

Seoul · 성동구 약 9년 이상 경력 React · Next.js · Vue3
profile.ts
const profile = {
  name: '박윤경',
  role: 'React UI Dev · UI Architect · PL',
  years: 9+,
  stack: ['React 18/19', 'Next 14', 'Vue3'],
  ai   : {
    tools: ['ChatGPT', 'Claude', 'Codex', 'Cursor'],
    level: '화면설계·코드검토·QA 흐름화',
  },
  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 도구를
조직의 워크플로로 만듭니다

ChatGPT · Claude · Codex · Cursor 같은 AI 도구를 개인 생산성 도구가 아니라 화면설계, 코드 검토, 문서화, QA 체크리스트까지 이어지는 실무 흐름으로 정착시킵니다. AI Agent가 임의로 구조를 바꾸지 않도록 작업 범위와 검증 기준을 함께 설계합니다.

ChatGPT · Claude · Codex Agent 지침 QA 체크리스트 문서화
Impact · 02

숫자로 보는 9년.

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

최근 진행한 프로젝트.

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

Experience · 04

커리어, 시간 순으로.

2025.09 — 현재
㈜애드포터

과장 · PL / React UI Developer

  • 광고 플랫폼 Web · Admin · Mobile UI 구조 설계 및 고도화
  • 매체 등록 · 상세 · 마이페이지 · 쿠폰 · 통합 결제 흐름의 화면 정책 정리
  • 기획 공백을 AS-IS/TO-BE, 와이어프레임, 상태별 동작, 예외 케이스로 구체화
  • 외부 개발사 · 기획자 · 디자이너 · 의사결정권자 사이의 Cross-functional 허브 역할
  • ChatGPT · Claude · Codex · Cursor 기반 AI/AX 문서화·QA 흐름 운영
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

광고 플랫폼 · 대형 SI · SaaS에서 실무 적용한 스택.

React 18 / 19TypeScriptNext.jsViteVue 3
UI 라이브러리

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

MUIDataGridAg-GridKendo UIShadcn UI
마크업 · 스타일

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

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

형상관리, 외부 개발사 협업, 배포 전 UI 검수에 쓰는 도구.

Git · GitHub · GitLabSVNNode.jsQA 체크리스트
디자인 협업

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

FigmaZeplinAdobe XDPhotoshop · Illustrator
기타 · CMS

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

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

단순 활용이 아니라 화면설계·코드 검토·문서화·QA 흐름으로 정착시킵니다. AI Agent가 프로젝트 규칙과 레거시 className/SCSS 기준을 벗어나지 않도록 작업 지침과 검증 체크리스트를 설계합니다.

ChatGPTClaudeCodexCursorAgent 작업 지침Human-in-the-loop
CASE 01
화면설계 초안화

AI로 AS-IS/TO-BE와 와이어프레임 초안을 만든 뒤 실제 정책·개발 조건에 맞게 정제

CASE 02
Agent 작업 지침

레거시 className, SCSS 규칙, 컴포넌트 경계를 명시해 AI 결과물을 검수 가능한 방식으로 운영

CASE 03
QA 체크리스트

브라우저 동작, UI 정책, 예외 상태를 배포 전 체크리스트로 구조화해 누락을 줄임

About · 06

박윤경, 어떤 사람인가.

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

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

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

지금은 애드포터에서 광고 플랫폼 Web/Admin/Mobile UI를 구축·고도화하고, 기획 공백을 화면설계·상태 정의·예외 케이스로 구체화하며 AI/AX 기반 문서화와 QA 흐름을 운영하고 있습니다. 다음 회사에서도 기술과 조직이 함께 성장하도록 돕는 역할을 하고 싶습니다.

Contact · 07

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

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

Tweaks
Accent
Theme