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

AI로 생산성을 혁신하고 지식을 연결하는 프론트엔드 엔지니어

기술 서적 <자바스크립트+리액트 디자인 패턴> 역자이자 많은 강의 경험을 가진 개발자입니다. AI Agents 협업 코딩과 아키텍처 설계 역량을 바탕으로 팀의 개발 속도와 코드 품질을 동시에 끌어올립니다.

항목	링크
Email	dbs2636@gmail.com
Github	github.com/caesiumy
LinkedIn	linkedin.com/in/chang-sik-yoon
Blog	caesiumy.dev

Tech Keywords: TypeScript Next.js React TailwindCSS Orval Turborepo

Skills

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

9to9 상주 시스템 내에서 수강생들의 학습 병목을 실시간으로 해결하고, 학습 성취도 기반 맞춤형 라이브 강의를 다수(80+) 진행함으로써 중도 포기율 75% 감소 성과를 달성했습니다.
최신 기술 트렌드를 반영한 프론트엔드 커리큘럼을 기획하고, 실무와 유사한 인턴십 과제 및 평가 지표를 설계했습니다.

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

마이그레이션을 통한 DX 개선: 기존 CRA/craco 환경의 긴 빌드 타임(3분 이상)과 불안정한 HMR이 팀의 몰입도를 저해함을 발견하고, 리소스 대비 효율성을 근거로 마이그레이션을 주도하여 빌드 속도를 70% 단축했습니다.
서버 사이드 렌더링 전략 최적화: Next.js RSC와 SSR의 역할을 명확히 구분하여 클라이언트 번들 사이즈를 최소화하고 실용적인 렌더링 전략을 수립했습니다.
데이터 안정성 확보: gRPC/Protobuf 통신 구현 및 TanStack Query 도입으로 실시간 다중 접속 환경의 데이터 정합성과 UI 안정성을 확보했습니다.

MSW 기반 선제적 인터페이스 설계: 비동기 협업 환경의 API 대기 병목을 해결하기 위해 MSW를 도입, 데이터 스키마를 직접 설계하여 백엔드에 역제안함으로써 프로젝트 일정을 단축했습니다.
기술적 근거 기반의 갈등 조율: ID 필드 타입을 둘러싼 논쟁에서 ‘의미론적 관점’과 ‘JavaScript의 숫자 한계’를 근거로 설득, 잠재적인 데이터 리스크를 사전에 방지했습니다.
AI-Native 워크플로우: Cursor, Claude 등 AI 에이전트를 개발 파이프라인의 핵심으로 활용하는 워크플로우를 구축하여, 기존 예상 공수 대비 개발 기간을 50% 단축하며 프로젝트를 완수했습니다.

비즈니스 맞춤형 모노레포 설계: 동일 기능 기반의 다수 앱을 각기 다른 UI/도메인으로 배포해야 하는 사업 특성을 고려하여 Turborepo 기반 모노레포를 구축, 신규 브랜드 출시 속도를 비약적으로 높였습니다.
아키텍처 최적화: FSD 도입 초기 발생한 생산성 저하 문제를 해결하기 위해 규칙을 실무에 맞게 재정의했습니다. 아키텍처를 프로젝트 완수를 위한 수단으로 정의하고, 실무 생산성 향상이라는 목표를 위해 레이어 구조를 유연하게 최적화했습니다.
선언적 UI 구현: Suspense와 ErrorBoundary를 활용해 컴포넌트 단위의 독립된 에러 핸들링과 선언적인 폴백 UI를 적용했습니다.