소개
이 사이트는 정적 페이지부터 모던 프레임워크, 웹 게임까지 모든 웹 개발을 한 곳에서 시도하는 통합 플레이그라운드입니다. Docker 위에서 실행되며 Caddy가 도메인 라우팅을 담당합니다.
Docker 기반
모든 서비스는 컨테이너로 격리되어 실행됩니다. 새로운 기술 스택도 컨테이너 하나면 충분합니다.
Caddy 라우팅
portfolio.kerydos.com이 자동으로 HTTPS 인증서를 발급·갱신하고 각 서비스로 연결합니다.
실시간 개발
Vite와 Next.js 개발 서버가 HMR(핫 모듈 교체)과 함께 상시 구동됩니다. 수정 즉시 반영됩니다.
기술 스택
</>HTML
#CSS
JSJavaScript
⚡Vite
⚛React
▲Next.js
🎮Web Games
🐳Docker
프로젝트
LIVE
→
Vite + React
번들리스 개발 경험을 제공하는 Vite 위에서 동작하는 React 앱입니다. HMR이 활성화되어 있습니다.
LIVE
→
Next.js 앱
App Router 기반 Next.js 애플리케이션입니다. 서버 컴포넌트와 파일 기반 라우팅을 사용합니다.
준비 중
새 프로젝트
다음 실험이 여기에 추가됩니다. apps/ 디렉토리에 새 앱을 만들고 nginx·Caddy에 라우트만 추가하면 됩니다.
웹 게임
빌드 없이 순수 HTML/CSS/JS로 만든 게임입니다. 게임 폴더에 파일을 추가하면 바로 노출됩니다.
플레이 가능
→
🐍 Snake
캔버스로 구현한 클래식 스네이크 게임. 키보드 방향키와 모바일 스와이프를 모두 지원합니다.
준비 중
🎮 다음 게임
games/ 디렉토리에 새 폴더를 만들고 index.html을 넣으면 이 목록에 추가될 차례입니다.