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

• 맡은 바 임무를 완수하는
• 우선 순위 구현에 집중하는
• 오픈 소스를 통한 학습을 즐기는

🏙 Experience

2023.12 ~

팀 스파르타 (링크)

내일배움캠프 - 프론트엔드 트랙 튜터

리액트 트랙 4기 및 6기 튜터(23.12~24.05 / 24.07~24.11)

• 오전-오후 상주 튜터(9to6)
• 수준별 수업 담당
  • 매 기수 총 24회 개념 및 실습 라이브 강의 진행
  • 수준별 수업 과제 제작
  • 수준별 수업 결과물 링크
• 수강생 강의 자료 제작 및 질의 응답 진행
• 기술 특강 진행(VSCode, 소셜 로그인 등)

리액트 트랙 9기 튜터(24.11~현재)

• 풀타임 상주 튜터(9to9)
• 수준별 수업 담당
  • 총 26회 개념 및 실습 라이브 강의 진행
  • 수준별 과제 제작
  • 수준별 수업 결과물 링크
• 수강생 강의 자료 제작 및 질의 응답 진행
• 기술 특강 진행(VSCode 등)
• 인턴십 채용 과정에 필요한 과제 제작

2022.03 ~ 2023.10

KC-MIC (링크)

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

실시간 다중 동시 접속 시뮬레이터 UI 및 씬(Scene) 개발

• 방치된 레거시 기술 스택을 최신 스택으로 마이그레이션
  • CRA → Vite
  • Redux → RTK
  • 클래스 컴포넌트 → 함수 컴포넌트
• PWA 장착 및 SEO 개선
• 프로젝트 내 코드 컨벤션 정립으로 유지 보수성 개선
• Phaser 를 이용한 클래스 기반 Scene 구현 및 이벤트 함수 구축

사내 정적 블로그 개발

• 비개발자도 이용할 수 있도록 Notion API 를 통해 CMS로서 이용
• Notion API 에서 가져오는 .HEIC 이미지 확장자 관련 오류 해결
• 파일 시스템 캐싱을 통해 네트워크 중복 호출을 줄이고 페이지당 빌드 시간 최적화

유저 인터랙티브 3D 씬 구현

• Threejs 를 이용해 3D 씬 구현 및 물리 엔진 장착
• grpc , Protobuf 를 이용한 데이터 통신 사용
• 오픈소스 디자인 시스템을 오버라이드하여 UI 구현

BAAS 관리자 대시보드 개발

• Next.js App Router를 이용한 모던 프레임워크로 프로젝트 구축
• react-hook-form 과 zod 를 이용해 견고한 폼 구현
• shadcn/ui 를 통해 디자인 일관성 추구

✈️ Outsourced Projects

한국 기술 허브

2024.05 ~ 2024.08

홈페이지 링크

Nextjs turbo-repo shadcn/ui

• 기술 거래 플랫폼 매니저 대시보드 AtoZ 전체 구현
• Turbo Repo를 통한 모노 레포 환경 세팅
• 레거시 프로젝트를 뒤엎고 초기부터 재구축
• Tanstack Query 의 prefetch 를 이용한 SSR 지원
• 서버 컴포넌트를 고려한 컴포넌트 설계

마치 무비 나잇

2023.02 ~ 2023.02

홈페이지 링크

Nextjs TailwindCSS Firebase Typescript

• ’마치 무비 나잇’ 홍보 및 예매 사이트
• 반응형 디자인을 최우선 염두하여 개발
• Realtime DB 를 이용한 실시간 좌석 예매 구현
• 관리자 대시보드를 통한 예매자 정보 관리
• 이미지 압축(png → webp)으로 페이지 로드 속도 개선

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

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

👀 Community

출판