JELL
ProjectsSkillsAboutBlogContact
ProjectsSkillsAboutBlogContact
JELL

Full-stack developer building modern web and mobile applications with a focus on user experience and performance.

Made withandNext.js 14
QUICK LINKS
  • →Projects
  • →Skills
  • →About
  • →Contact
CONNECT
GitHubLinkedInEmail

© 2026 JELL

PRIVACY
프로젝트 목록
🌐

Jell World (3D 포트폴리오)

WebLIVE

Three.js + React Three Fiber 기반 3D 보셀 포트폴리오 게임

Period:2026.05 - 현재
Role:1인 개발

Minecraft 스타일 보셀 월드를 WASD로 탐험하며 스킬·경력·프로젝트·연락처를 인터랙티브하게 살펴보는 3D 포트폴리오입니다. 단일 세션에 0→Vercel 라이브 배포까지 완주했고, 데스크톱+모바일(가상 조이스틱) 양쪽을 지원합니다. 평면 파스텔 하늘 + WebAudio 8-bit BGM/SFX로 레트로 게임 분위기를 연출합니다.

TECH STACK
Frontend
Next.js 16React 19Three.js@react-three/fiber@react-three/drei@react-three/rapierzustandTypeScriptTailwind 4
Infrastructure
VercelGitHub Actions
KEY FEATURES

복셀 월드 + 물리 충돌

InstancedMesh 1,152블록 지형 + Rapier capsule collider + 카메라 상대 WASD 이동

4 zone 인터랙션

Skill Garden / Career Timeline / Projects Park / Contact Station — 근접 탐지 + InfoPanel

live minimap + 모바일 컨트롤

Canvas 미니맵에 17 프로젝트 + 5 경력 + 4 연락처 실시간 마커 + 자체 가상 조이스틱

WebAudio 직접 합성

mp3 의존 없이 32-step 8-bit BGM 루프 + jump/interact/close SFX 합성

OG 동적 이미지 + SEO

Next.js 16 OpenGraph image route + sitemap + structured metadata

ACHIEVEMENTS
🚀

단일 세션 0→배포

PRD 파싱부터 라이브까지 한 세션 완주

📱

데스크톱 + 모바일 양면 지원

matchMedia 기반 자동 가상 조이스틱 + DPR/그림자 절감

PROJECT LINKS
GitHubLive Demo

더 많은 프로젝트가 궁금하신가요?

모든 프로젝트 보기→