허준영 | Developer Portfolio

AI Engineer, Product Builder, Full-Stack Developer

Live: https://eric1889.github.io/portfolio/

---

Overview

웹 개발과 AI 기술을 융합하여 실질적인 서비스를 만드는 개발자, 허준영의 포트폴리오입니다.

Features

• 3D Interactive Hero — Three.js 기반 인터랙티브 3D 오브젝트
• Dark / Light Theme — 다크 모드 기본, 라이트 모드 전환 지원
• Bilingual — 한국어 / English 자동 감지 및 수동 전환
• Scroll Animations — Framer Motion 기반 스크롤 애니메이션
• Glassmorphism UI — 반투명 글래스모피즘 카드 디자인
• 3D Card Tilt — 마우스 추적 3D 틸트 효과
• Typing Animation — 역할 자동 타이핑 효과
• Responsive — 데스크탑 / 태블릿 / 모바일 완벽 대응

---

Tech Stack

Category	Technologies
Frontend	React 18, Vite 6
3D	Three.js, React Three Fiber, Drei
Animation	Framer Motion
Styling	CSS Custom Properties, Glassmorphism
Deploy	GitHub Pages (Actions)

---

Sections

Section	Description
Hero	3D 인터랙티브 배경 + 타이핑 애니메이션
About	소개, 가치관, 학력
Projects	12+ 프로젝트 (AI, 웹, 메타버스)
Publications	8편 논문 / 학술대회
Experience	23+ 대회, 컨퍼런스, 활동
Work	CTO @ (주)수지하우스, 코딩 강사, 멘토
Skills	33+ 기술 스택 (7개 카테고리)
Awards	11개 수상 (금/은/동)
Certifications	어학연수, TOPCIT, TOEIC 등
Contact	연락처, GitHub, LinkedIn

---

Getting Started

# Install
npm install

# Dev server
npm run dev

# Build
npm run build

---

Project Structure

src/
├── App.jsx              # Main application
├── components/
│   └── HeroScene.jsx    # Three.js 3D scene
├── i18n.js              # Translations (KO/EN)
├── index.css            # Global styles
└── main.jsx             # Entry point

---

License

© 2026 Heo Jun Young. All rights reserved.