김서준
화면을 넘어서 제작 프로세스를 고치고, AI 보조를 검수 게이트가 있는 운영으로 옮기는 프론트엔드
SJ

About

AX의 핵심은 AI를 넣는 일이 아니라, 현업이 쓰는 방식으로 남기는 일입니다. 유통·교육 웹에서 반복 화면을 만들다 보니, 문제는 도구보다 흩어진 요구와 불명확한 완료 기준에 있었습니다. 정리 → 구현 → 검증 → 배포로 나누고, 생성 결과는 검토 없이 올리지 않습니다. 리드타임·재작업 비율은 공개 실증이 없어 적지 않습니다.

Work Experience

Skills

HTML/CSS/JS
Vue
React
Playwright
반응형
접근성
업무자동화
Projects

작업

공개할 수 있는 것과 사내 도구를 나눈다. 리드타임·재작업 비율은 적지 않는다.

Release Workbench

작업 요청 → 검증된 릴리즈. 합성 35·네이티브 fixture 26·HITL(계획/인자/게이트)·args soft-timeout 타임라인·도구·diff·QA·평가. HTTP SSE·Workers AI(구조화→propose_patch_plan→diff AI plan)·SSE drop resume·run_persisted·실패 복구·CI 라이브 스모크. 사내 화면·회사 수치 없음.

Next.js
SSE
Workers AI
Playwright
HITL

제작 프로세스 · 검수 게이트

요구가 여러 채널에 흩어지면 다시 만든다. 정리 → 구현 → 검증 → 배포로 단계를 고정하고, Claude·Codex로 요구 정리를 돕고 Playwright로 반복 검사를 돌렸다. 사내 도구는 공개하지 않는다. 공개 재현은 Release Workbench.

프로세스
Claude / Codex
Playwright
검수 게이트
유통 앱 공통 템플릿

유통 앱 공통 템플릿

기획전을 매번 처음부터 짜지 않도록, 기획이 고치는 영역과 개발이 고치는 영역을 나누고 React 모듈로 묶었다. 웹뷰에서 반복되는 스크롤·터치·모달 겹침은 마크업 가이드로 미리 막았다. 회사 화면은 복제하지 않는다.

React
웹뷰
컴포넌트화

roomy.page

공개 포트폴리오. 사실과 주장을 나눠 읽히게 한다. 이 페이지가 그 라이브다.

Next.js
React
TypeScript
Magic UI
Contact

연락

채용·협업 문의는 메일로 주세요. tjwns3483@gmail.com

GitHub