자랑하고 싶은 개발자, 윤창식입니다.

AI 에이전트 파이프라인을 설계하고 운용하는 프론트엔드 엔지니어

기술 서적 <자바스크립트+리액트 디자인 패턴> 역자이자, 80회 이상의 라이브 강의 경험이 있습니다. Claude Code를 활용한 AI-Native 개발 워크플로우가 특기이며, 아키텍처 설계와 요구사항 분석에 강점이 있습니다.

Tech Keywords: TypeScript Next.js React TailwindCSS Claude Code Turborepo Orval UX

AI-Native Development

Claude Code

• 서브에이전트 오케스트레이션: 커스텀 슬래시 커맨드로 다중 에이전트 협업 (관련 글)
• MCP(Model Context Protocol) 통합: Figma, Linear, Chrome DevTools 연동 (관련 글)
• 커스텀 Skills 설계: 반복 워크플로우를 재사용 가능한 스킬로 정의
• 도메인 특화 에이전트 구축: 목적별 워크플로우 자동화 (글 작성, 번역, 콘텐츠 검토, 면접 준비) (관련 글)
• Claude Code 플러그인 개발: 훅 시스템으로 작업 완료·에러·입력 요청 시 사운드 및 OS 알림 자동화, TTS 커스텀 팩 지원 (dding-dong)

AI Pipeline Design

• 강의 슬라이드 자동화: 스크립트 → PPTX 80% 시간 단축 (관련 글)
• 디자인 → 코드 자동화: MCP Figma 연동으로 컴포넌트 자동 생성 (관련 글)
• 이슈 → PR 워크플로우: Linear MCP로 개발 사이클 자동화 (관련 글)

Experience

팀스파르타 코딩 부트캠프 운영 에듀테크 기업

내배캠 리액트 트랙 튜터 (2023.12 ~ 2025.05, 1년 6개월)

• 중도 포기율 75% 감소: 맞춤형 클래스 담당, 9to9 상주 환경에서 학습 병목 실시간 해결, 라이브 강의 80회+
• 수강생 노션 템플릿 표준화: 기존 UI/UX 및 관계형 DB 구조 문제 발견 → 전면 리디자인 후 전 트랙 표준 템플릿으로 채택
• AI 과제 리뷰 자동화: 제출된 과제를 AI로 분석, GitHub 이슈로 피드백 자동 등록
• 커리큘럼 설계: 최신 프론트엔드 트렌드 반영, 실무형 인턴십 과제/평가 지표 설계

KC-MIC 반도체 기업 AI 연구 조직

프론트엔드 엔지니어 (2022.03 ~ 2023.09, 1년 6개월)

• 빌드/레거시 현대화: CRA→Vite 마이그레이션으로 빌드 70% 단축, 클래스 컴포넌트 함수화
• 상태관리 최적화: 복잡한 전역 상태로 인한 불필요 리렌더링 발견 → RTK + 슬라이스 분리로 해결
• 실시간 데이터 동기화: gRPC/Protobuf 스트리밍 + 타입 안전성으로 실시간 데이터 동기화
• 코드 품질 체계화: 파편화된 CSS 규칙으로 인한 협업 비효율 → 디자인 시스템 + 코드 리뷰 문화로 해결
• 관리자 대시보드 개발: BAAS 관리자 대시보드 개발, RHF/Zod 폼 검증 + HEIC/이미지 최적화
• 사내 블로그 구축: 비개발자 콘텐츠 관리 필요 → Notion API CMS로 사내 블로그 구축
• 독자 테마 시스템: 오픈소스 디자인 시스템 오버라이드로 브랜드 맞춤 UI 구성

Outsourced Projects

교육 지원 플랫폼 (2025.05 ~ 2026.01)

chungbook-e.com

• 개발 기간 50% 단축: Cursor/Claude를 파이프라인 핵심으로 활용, 예상 공수 절반 달성
• MSW 기반 선제적 설계: 비동기 협업 환경에서 API 병목 해결, 스키마 역제안으로 일정 단축
• Orval 코드 제너레이터 도입: 잦은 기획 변경에 대응 필요 → API 클라이언트 자동 생성으로 DX 혁신
• Linear 기반 진행도 체계화: 이슈 트래커 도입 + MCP로 AI 기반 티켓 관리, 클라이언트 반복 문의 해소
• 기술적 갈등 조율: ID 타입 논쟁에서 의미론적 관점 + JS 숫자 한계 근거로 설득, 데이터 리스크 사전 방지

한국 기술 마켓 (2024.05 ~ 2026.01)

kotechmarket.com | kotechhub.com

• Turborepo 모노레포 구축: 동일 기능/다른 UI 배포라는 사업 특성 고려, 신규 브랜드 출시 속도 향상
• Core 패키지 중앙 집중화: 유저 페이지의 모노레포 미활용 문제 발견 → 공통 로직 추출로 코드 재사용성 향상
• FSD 아키텍처 최적화: 도입 초기 생산성 저하 발견 → 아키텍처를 수단으로 재정의, 레이어 구조 최적화
• 선언적 UI 구현: Suspense/ErrorBoundary로 컴포넌트 단위 에러 핸들링 및 폴백 UI 적용
• AI-Native 개발 환경 구축: 서브에이전트 오케스트레이션, 커스텀 Skills로 개발 워크플로우 자동화

Activities

출판

• 『자바스크립트 + 리액트 디자인 패턴』 역자 (한빛미디어, 2023~2024)
  • 최신 리액트 디자인 패턴과 렌더링 최적화 기법을 깊이 있게 연구하고, 한국 독자가 이해하기 쉽도록 의역 및 용어를 재정립

강의

• [한양대학교] AI 활용 프로그래밍 정규 교과목 강의 진행 (2026)
• [오즈코딩스쿨] 프론트엔드 주강사, 실시간 세션 및 AI 특강 진행 (2025.12 ~ 현재)
• [프로그래머스] Next.js & Notion API 라이브 코딩 강사 (2022~2023)
  • 실시간 라이브 코딩을 통해 예외 상황 대처 능력과 지식 전달 능력 증명

베타 리더

• 『모두의 깃 & 깃허브』, 『혼자 공부하는 컴퓨터 구조 + 운영체제』 등 기술 서적 검수 참여

Side Projects

dding-dong (2026.02)

• Claude Code 알림 플러그인: 작업 이벤트를 훅으로 감지해 사운드 및 OS 알림 제공, AI 음성 합성(TTS) 커스텀 팩 지원

Notion API 블로그 (2022.10 ~ 2023.05)

• Next.js App Router 마이그레이션 및 ISR 도입으로 노션 연동 페이지 로딩 속도 최적화

마치 무비 나잇 (2023.02)

• Firebase Realtime Database를 활용한 실시간 좌석 예매 시스템 및 풀스택 1인 개발

마헤 뮤지컬 사이트 (2022.04)

• 웹 폰트 최적화 등을 통해 Lighthouse 성능 점수 100점(All Green) 달성

Etc.

강의/멘토링

• [내공식탁] 프론트엔드 개발자 직무 멘토링 (2022)

네트워킹

• 소문난 주니어 콘퍼런스 운영진 (2023)
• 파이콘 자원봉사자 (2023)

더 자세한 내용은 GitHub에서 확인하실 수 있습니다.