Projects

직접 개발한 서비스, 라이브러리와 게임입니다.

1. 

   01 / 픽셀 3D 액션 로그라이크

   Tiny Wizard · 작은 마법사

   마법을 조합하고 적의 공격을 피하며 살아남는 픽셀 3D 액션 로그라이크

   • —12종 마법과 10종 조합, 원소 반응을 통한 빌드 구성
   • —전투 시뮬레이션과 3D 렌더링 분리
   • —자동 플레이 봇으로 생존 시간과 빌드별 승률 비교

   TypeScriptReactReact Three FiberThree.jsViteWeb Audio API

   자세히 보기
2. 

   02 / 인시던트 대응 서비스

   PagerWho

   장애 알림부터 담당자 호출, 에스컬레이션과 해결까지 관리하는 서비스

   • —Incident·Service·Operations 화면 개발
   • —Ollama 기반 서비스 에이전트와 문서 검색 fallback
   • —Workflow Canvas UX 개선 및 주요 흐름 E2E 검증

   ReactTypeScriptViteExpressPostgreSQLPrismaPlaywrightOllamaAmplitude

   자세히 보기
3. 

   03 / 지도 서비스

   대한민국 철봉 지도

   전국의 철봉 위치를 찾고 등록하는 지도 서비스

   • —직접 구현한 클러스터러로 CPU 사용률 100% → 30%
   • —Next.js 전환 후 초기 로딩 6.3초 → 2.3초
   • —검색 메타데이터·사이트맵 개선

   Next.jsTypeScriptZustandTanStack QueryTailwind CSSStorybook

   자세히 보기
4. 

   04 / 픽셀 3D 웹 게임

   Castmorrow

   마우스로 던지고 휠로 감는 픽셀 3D 낚시 게임

   • —포인터 제스처 기반 캐스팅·챔질·릴 조작
   • —배의 항해·충돌과 출조 저장·복원
   • —Three.js·GLSL 픽셀 렌더링과 모바일 터치 대응

   JavaScriptThree.jsWebGLGLSLViteWeb Audio API

   자세히 보기
5. 

   05 / 이미지 처리 라이브러리

   img-toolkit

   브라우저에서 이미지를 압축하고 포맷을 변환하는 라이브러리

   • —업로드 전 이미지 압축·포맷 변환
   • —철봉 지도의 이미지 처리 코드를 npm 패키지로 분리
   • —기존 API를 유지한 Rust·WebAssembly 구현

   TypeScriptCanvas APIRustWebAssemblyVite

   자세히 보기
6. 

   06 / 개인 웹사이트

   포트폴리오 및 블로그

   프로젝트와 기술 글을 정리하는 개인 포트폴리오

   • —Next.js 프론트엔드·Rust API 개발
   • —프로젝트 SSG·블로그 상세 ISR 적용
   • —글 작성·이미지 업로드·코드 하이라이팅

   Next.jsTypeScriptRustActix WebPostgreSQLDocker ComposeTailwind CSSZustand

   자세히 보기