“ **기술과 디자인을 바탕으로, 비즈니스 흐름까지 고려한
실제 서비스 구현을 지향하는 개발자** 한기선 입니다. ”
<aside>
한기선 | 포트폴리오
</aside>
<aside>
CONTACT.
GITHUB.
BLOG.
kiseon.han77**@**gmail.com
https://github.com/kiseon77
기술블로그
</aside>
기술과 디자인을 연결해 구현하는 프론트엔드 개발자
기술·디자인·실무를 잇는 실전형 프론트엔드 개발자입니다.
디자인 전공과 앱 디자이너 실무 경험을 바탕으로, 프론트엔드 과정을 이수하며 개발자로 전향했습니다.
실제 서비스 환경을 고려한 구조 설계와 구현을 통해, 쓰이고 운영되는 결과물을 만드는 것을 목표로 합니다.
작업 흐름을 고려하며 협업하는 개발자
팀 내 각자의 역할을 이해하고, 연결되는 작업을 함께 맞추며 완성을 목표로 협업하는 프론트엔드 개발자입니다.
디자인 의도를 구현 관점에서 해석해, 시각적 목적과 사용자 경험을 코드로 연결합니다.
Project.
B2C_교복 매장 CRM 플랫폼
Uni Size
Repository
2025.09 ~
교복매장 고객관리(CRM) 플랫폼
- 프로젝트 소개 :
React TypeScript Story Book Figma MCP Claude Code- 담당 : 기획, 디자인, 프론트엔드 개발
- Figma MCP와 Claude Code를 활용하여 반복적인 퍼블리싱 구현
- 학생
- 스태프
- 어드민
- 스태프 및 학생 등록, 조회, 수정, 삭제
- 실시간 재고 관리
- 최적화 및 배포
- Docker 기반 컨테이너화 배포로 환경 일관성 보장
- 홈서버 > 클라우드플레어 터널링 배포
Work.
(주)아톰릭스랩
개발 디자인
2024.12 ~ 2026.02
슬롯머신 - 애니메이션 특화 미니게임 개발
- 프로젝트 소개 : 🔗 PGA 슬롯머신
TypeScript React Zustand SCSS GSAP Matter.js Colyseus- 담당 : 게임 기획 및 디자인, 프론트엔드 개발
- 주요 업무 및 성과:
- GSAP, Matter.js를 도입하여 2개월 동안 슬롯머신 웹 게임을 생동감 있게 구현
Divergence - AI 이미지 생성 모델을 활용한 Web3 게임
- 프로젝트 소개 : 🔗 다이버전스
Svelte5 TypeScript Tailwind V4 GSAP- 담당 : AI 그래픽 디자인 및 웹 디자인, 프론트엔드 개발
- 주요 업무 및 성과:
- AI 캐릭터 생성
- ComfyUI를 활용한 AI 이미지 생성 프롬프트 및 워크플로우 생성
- 캐릭터 생성 화면 디자인 및 GSAP을 활용한 인터랙티브 구현
- SVG기반 애니메이션 룰렛
- 이벤트/ 퀘스트 기획 및 구현
- 기획부터 담당하여 빠르게 초기 MVP구현하고 MVP를 토대로 디자이너와 백엔드 개발자와 소통
- 자주 사용되는 애니메이션 모듈화
- svelte i18n을 활용한 9개국 다국어 대응
- 반응형 디자인으로 모바일/데스크톱 크로스 플랫폼 지원
Education.
