Resume(2025-12 ver.)

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

Tech Keywords: TypeScript, Next.js, React, TailwindCSS, Orval, Turborepo

Skills

React / Next.js

• Next.js의 렌더링 원리 이해: Server Component와 SSR, CSR의 차이를 명확히 이해하고, 페이지 성격에 따라 렌더링 전략을 최적화하여 적용합니다.

• 유지보수 가능한 설계: Custom Hook을 적극 활용하여 비즈니스 로직과 UI를 분리함으로써, 가독성이 높고 재사용 가능한 컴포넌트 설계를 지향합니다.

Tools

• 생산성 도구 기반 DX 개선: Orval과 같은 코드 제너레이터를 도입해 반복 코딩을 줄이고 팀 전체의 개발자 경험(DX)을 혁신합니다.

• 툴 마스터: 에디터와 브라우저의 업데이트 릴리즈와 유용한 확장 프로그램을 끊임없이 발굴하고, 이를 동료들에게 전파하여 팀의 능률을 높입니다.

UI/UX

• 디테일한 사용자 경험: 긍정적인 마이크로카피(Microcopy) 한 줄이 서비스의 인상을 좌우한다고 믿습니다. 기술적 구현을 넘어 유저와의 소통까지 고민합니다.

• 사용자 관점의 문제 해결: 개발 과정에서 유저가 느낄 수 있는 미세한 불편함(Latency, Layout Shift 등)을 예민하게 포착하고 선제적으로 개선합니다.

AI Agents

• AI-Native Development: Claude Code와 Cursor 등 AI 에이전트를 개발 파이프라인의 핵심으로 활용해 생산성의 한계를 극복하는 방법을 연구합니다.
• [관련 블로그 글] AI가 빌드하면 개발 서버가 죽는다? 환경 변수 한 줄로 해결하기

• 바이브 코딩이 아닌 협업 코딩: Claude Code(MAX 200), Cursor Pro 등 고성능 모델에 아낌 없이 투자하고 활용하며, 적극적으로 오케스트레이션(Orchestration)합니다.

Experience

팀스파르타 (링크)

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

• 수강생들의 학습 데이터를 분석하여 맞춤형 라이브 강의를 80회 이상 진행, 학습 격차를 해소하며 중도 포기율 75% 감소라는 성과를 달성했습니다.

• 반복되는 기술적 질문을 줄이기 위해 'VSCode 활용법' 등 실무 기술 특강을 기획 및 진행하여 개발 효율성을 높이는 문화를 전파했습니다.

• 최신 기술 트렌드를 반영한 프론트엔드 커리큘럼을 기획하고, 실무와 유사한 인턴십 과제 및 평가 지표를 설계했습니다.

KC-MIC (링크)

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

• 레거시 프론트엔드 환경을 Vite와 RTK로 마이그레이션하는 기술적 도전을 주도하여, 빌드 속도를 70% 단축하고 팀 전체의 개발 경험(DX)을 혁신했습니다.

• Next.js의 서버 컴포넌트(RSC)와 SSR의 역할을 명확히 구분하여, 클라이언트 번들 사이즈를 최소화하고 복잡도를 낮추는 실용적인 렌더링 전략을 수립했습니다.

• gRPC/Protobuf를 활용한 통신 구현으로, 실시간 다중 접속 시뮬레이터의 데이터 처리 속도를 개선했습니다.

• SSR 환경에서의 데이터 불일치 문제를 해결하기 위해 TanStack Query로 데이터 정합성과 UI 안정성을 확보했습니다.

• 코드 및 라이브러리 사용 컨벤션을 수립하여 팀 개발 문화 정착 및 개발 경험 향상에 기여했습니다.

Outsourced Projects

교육 지원 플랫폼 대시보드 및 유저 페이지 (2025.05 ~ 현재)

• Swagger 문서 기반 자동 생성 도구 Orval의 도입으로 API 스키마 생성 및 타입 정의를 자동화하여, API 코드 직접 작성의 비효율을 제거하고 유지보수 생산성을 극대화했습니다.

• 백엔드 개발 일정에 종속되지 않기 위해 MSW(Mock Service Worker)를 선제적으로 도입, 독립적인 환경을 구축하여 전체 프로젝트 일정을 단축했습니다.

• AI Agents(Cursor, Claude Code)를 개발 파이프라인에 적극 도입하는 'AI-Native' 워크 플로우를 정립하여, 기존 예상 공수 대비 50% 단축된 기간 내에 목표를 완수했습니다.

한국 기술 마켓 대시보드 및 유저 페이지 (2024.05 ~ 현재)

• 기획 단계부터 설계, 구현까지(A to Z) 주도하여, 작동하지 않던 제품을 실제 작동하는 제품으로 구현하는 '0 to 1' 과정을 성공적으로 수행했습니다.

• 프로젝트의 비즈니스 목표를 고려하여 Turborepo 기반의 모노레포 아키텍처로 마이그레이션하고, 공통 모듈 관리를 최적화했습니다.

• FSD(Feature-Sliced Design)를 기반으로 한 폴더 아키텍처를 도입하여 비즈니스 로직과 UI의 응집도를 높이고 결합도를 낮추는 설계를 적용, 체계화된 구조를 확립했습니다.

• Suspense와 ErrorBoundary를 활용해 선언적인 폴백 UI와 컴포넌트 단위 에러 핸들링을 적용했습니다.

Activities

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

• [프로그래머스] Next.js & Notion API 라이브 코딩 강사 (2022~2023)
• 실시간 라이브 코딩을 통해 예외 상황 대처 능력과 지식 전달 능력 증명.
• [베타 리더] '모두의 깃 & 깃허브', '혼자 공부하는 컴퓨터 구조+운영체제' 등 기술 서적 검수 참여.

Side Projects

• 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) 자원봉사자(2023)