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

• 최신 기술 트렌드에 빠르게 적응하는
• 문제 해결과 코드 품질 개선에 집중하는
• 공유와 오픈 소스를 통한 성장에 열정적인

🏙 Experience

2023.12 ~

팀 스파르타 (링크)

리액트 트랙 튜터(23.12~ 25.05)

• 풀타임 상주 튜터(9to6 or 9to9)
• 프론트엔드 트랙 커리큘럼 기획 및 강의 콘텐츠 제작
• 맞춤형 수업 전담 튜터로 76회 이상 라이브 강의 진행
  • 주 3회 실시간 강의 및 과제 제작
• 기술 특강 진행
  • VSCode 활용법 세션
• 수강생 코드 리뷰 및 기술 멘토링
• 인턴십 채용을 위한 과제 제작 및 평가 지표 작성

2022.03 ~ 2023.10

KC-MIC (링크)

Team Softmax - 프론트엔드 엔지니어

레거시 프론트엔드 마이그레이션 및 성능 최적화

• CRA → Vite, Redux → RTK, 클래스 컴포넌트 → 함수형 컴포넌트
• PWA 적용 및 SEO 최적화, 코드 컨벤션 수립

실시간 다중 접속 시뮬레이터 UI 개발

• Phaser.js 기반 Scene 개발 및 인터랙션 설계
• gRPC, Protobuf 활용 데이터 실시간 통신 구현

Three.js 기반 3D 인터랙티브 씬 개발

• 물리 엔진 연동을 통한 사용자 인터랙티브 콘텐츠 구현

사내 블로그 개발

• Notion API CMS로서 활용
• 비개발자 친화형 콘텐츠 관리 시스템 구축
• 이미지 처리 최적화(HEIC 대응) 및 빌드 속도 개선

BAAS 관리자 대시보드 개발

• Next.js App Router, react-hook-form, zod, shadcn/ui 등 활용
• 폼 관리 및 검증 로직 개선을 통한 안정성 강화

✈️ Outsourced Projects

한국 기술 허브

2024.05 ~ 2024.08

홈페이지 링크

Next.js turbo-repo shadcn/ui

• 기술 거래 플랫폼 관리자 대시보드 A to Z 설계 및 구현
  • 기획 초기부터 레거시 코드를 전면 폐기하고 재설계
• TurboRepo 기반 ****모노레포 환경 구성으로 멀티 패키지 관리 최적화
• SSR 환경 최적화
  • TanStack Query의 prefetch 기능을 활용한 서버 사이드 렌더링 지원
  • 서버 컴포넌트 도입을 고려한 구조 설계

마치 무비 나잇

2023.02 ~ 2023.02

홈페이지 링크

Next.js TailwindCSS Firebase Typescript

• 홍보 및 예매용 웹 플랫폼 기획 및 구축
  • 반응형 디자인으로 다양한 디바이스 지원
• 실시간 좌석 예매 시스템 설계 및 구현
• 예매자 정보 관리를 위한 관리자 대시보드 개발
• 페이지 로딩 속도 최적화
  • 이미지 포맷을 WebP로 변환하여 초기 렌더링 속도 개선

노션 API 블로그

2022.10 ~ 2023.05

홈페이지 링크

Next.js TailwindCSS Notion API

• [프로그래머스] Next.js와 TypeScript로 만드는 NotionAPI 블로그 강의 자료
• Notion API를 CMS로 활용하여 개인 블로그 시스템 구축
• Pages Router에서 App Router로 마이그레이션을 진행하여 최신 Next.js 구조 반영
• 정적 빌드 최적화를 통해 페이지 로딩 속도 및 SEO 개선
• 빌드 과정에서 게시글 카드 프리뷰 이미지 자동 생성 기능 추가

GitHub - CaesiumY/notion-blog-v2: Next.js와 Notion API로 만드는 블로그

GitHub - CaesiumY/mahe-musical: MA:HE 뮤지컬 티켓팅 홍보 페이지

👀 Community