자랑하고 싶은 개발자, 윤창식입니다.
Email | |
Github | |
LinkedIn | |
Blog |
Experience
팀스파르타 (링크)
내배캠 리액트 트랙 튜터(23.12~ 25.05, 1년 6개월)
- 풀타임(9to9) 상주 튜터로서 밀착 멘토링을 통한 학습 경험 개선
- 최신 기술 트렌드를 반영한 프론트엔드 커리큘럼 기획 및 강의 콘텐츠 제작
- 학습 격차 해소를 위한 80회 이상의 맞춤형 라이브 강의를 진행하여 중도 포기자 75% 감소
- 반복 기술 질문 해결을 위한 'VSCode 활용법' 등 실무 기술 특강 기획 및 진행
- 기업 실무 요구사항 분석 기반의 인턴십 과제 설계 및 변별력 있는 평가 지표 수립
KC-MIC (링크)
Team Softmax 프론트엔드 엔지니어(22.03 ~ 23.10, 1년 7개월)
레거시 프론트엔드 마이그레이션 및 성능 최적화
- Vite, RTK 등 최신 스택 기반의 마이그레이션을 주도하여 빌드 속도 70% 단축 및 개발 경험 개선
- 코드 및 라이브러리 사용 컨벤션 수립을 통해 팀 개발 문화 정착에 기여 및 개발 경험 향상
실시간 다중 접속 시뮬레이터 UI 개발
- Phaser.js 기반 Scene 개발 및 인터랙션 설계
- gRPC, Protobuf 활용 데이터 실시간 통신 구현
사내 블로그 개발
- Notion API를 연동하여 비개발 직군을 위한 콘텐츠 관리 시스템(CMS) 구축
- HEIC 포맷 대응 등 이미지 최적화(용량 80% 감소)를 통해 사용자 경험 개선
- 빌드 시 중복 데이터 요청 문제를 인메모리 캐싱으로 해결하여 빌드 시간 단축
BAAS 관리자 대시보드 개발
- Next.js 서버 컴포넌트와 서버 액션을 중심으로 렌더링과 데이터 관리를 효율화한 아키텍처 설계
- SSR 환경의 데이터 불일치 문제를 TanStack Query로 해결하여 데이터 정합성 및 UI 안정성 확보
Outsourced Projects
- 관리자 대시보드 A to Z 설계 및 구현을 통해 프로젝트 초기 구축 주도
- 기획 단계부터 참여하여 레거시 코드를 재설계하고, 유저 앱 리팩터링으로 코드 품질 및 유지보수성 개선
- Turborepo 기반 모노레포 아키텍처로 마이그레이션하여 프로젝트 확장성 확보
- FSD(Feature-Sliced Design) 구조와 디자인 토큰 시스템을 도입하여 컴포넌트 재사용성 및 개발 효율성 증대
- 홍보 및 예매용 웹 플랫폼
- 플랫폼 기획부터 프론트엔드, 백엔드(Firebase)까지 전체 프로덕트 라이프사이클 경험
- Firebase 기반 실시간 좌석 예매 시스템 및 예매자 정보 관리용 대시보드 구현
- WebP 이미지 포맷 변환 등 성능 최적화를 통해 초기 렌더링 속도 개선
- Next.js와 TypeScript로 만드는 NotionAPI 블로그 강의 자료
- Pages Router에서 App Router로의 마이그레이션을 통해 최신 Next.js 아키텍처 적용
- 정적 빌드(SSG) 최적화를 통한 페이지 로딩 성능 향상
- 빌드 프로세스 내 게시글 썸네일 자동 생성 기능 구현
- 마헤 뮤지컬 - ‘어쩌면 해피엔딩’ 홍보 및 예매 사이트
- 기획·디자인 팀과 협업을 통한 요구사항 분석 및 기능 구현
- 웹 폰트 SVG 변환을 통한 초기 로딩 속도 개선 및 FCP 단축
- Lighthouse 모든 항목 100점 달성을 통한 성능 최적화
Skills
React / Next.js
- Next.js의 서버 컴포넌트와 서버 사이드 렌더링의 차이점을 이해하고 활용합니다.
- 커스텀 훅을 통해 UI와 비즈니스 로직을 분리하여 올바른 컴포넌트 설계를 추구합니다.
- 프로젝트 폴더 구조에 대한 철학을 가지고 있습니다.
브라우저
- Lighthouse 전 항목 100점 달성을 목표로 사용자 경험을 개선하는 데 강한 동기가 있습니다.
- CI/CD 성능을 개선하는 데에 관심을 가지고 공부하고 있습니다.
개발 도구
- Orval 같은 생산성 도구를 적극적으로 도입해 API 스키마의 유지보수를 개선합니다.
- VSCode나 브라우저의 확장 프로그램을 활용하고 추천합니다.
UI/UX
- 긍정적인 마이크로카피 문구를 통한 최고의 사용자 경험을 추구합니다.
- 앱 사용 시에 느껴지는 불편함을 섬세하고 빠르게 캐치합니다.
AI Agents
- AI 개발 도구(Claude Code, Cursor 등)를 적극 활용해 개발 생산성을 극대화하는 방법을 탐구합니다.
- Claude Code(MAX 200), Cursor Pro를 구독 중입니다.
Community
📚 출판
🎤 강의/멘토링
- [프로그래머스] Next.js와 TypeScript로 만드는 NotionAPI 블로그 라이브 코딩 강사(2022 ~ 2023)
- Next.js App router 마이그레이션 추가 강의 진행
- [내공식탁] 프론트엔드 개발자 직무 멘토링(2022)
🤝 네트워킹
- 소문난 주니어 콘퍼런스 운영진(2023)
- 파이콘(2023) 자원봉사자(2023)
🧩 스터디
- 네이버 부스트코스 코딩 뉴비 챌린지 리더(2020)
- 구글 머신러닝 스터디잼 리더(2019)
- 멋쟁이 사자처럼 학교 대표(2019)
