WORK SHOWCASE · 80 PORT

작업물 쇼케이스

데스크톱에서는 한 화면에 약 12개 게시물이 보이도록 밀도를 높이고, 모바일에서는 한 장씩 읽기 좋게 유지했습니다.

Desktop 4×3 · Mobile 1-column
01

Interactive · WebSocket

Vivid Tile Touch

실시간으로 함께 칠하는 모바일 우선 타일 캔버스입니다. 기존 80포트 작업물을 1번 게시물로 보존했습니다.

1번 게시물 열기
02

Research · Visualization

경기 컬처패스 2025–2026

공식 기사·언론 링크를 바탕으로 플랫폼의 목적, 의의, 현재 운영의 쟁점과 대응 방안을 시각화했습니다.

2번 게시물 열기
03

GeekNews · Claude × Figma

Claude와 Figma를 함께 다룬 최신글

news.hada.io에서 Claude, Claude Code, Figma, 디자인 워크플로를 동시에 다룬 최신 글들을 같은 방식으로 정리했습니다.

3번 게시물 열기
04

Cron · GeekNews GEO/SEO

GeekNews GEO/SEO 주간 수집

Cronjob이 수집한 GEO, SEO, AEO, AI 검색 관련 GeekNews 글 9개를 4번 게시물로 정리했습니다.

4번 게시물 열기
05

Integrated · Board Engine

들녘상회 게시판 엔진

그누보드5를 독립 데모가 아니라 7번 들녘상회 전용 공지사항·문의게시판으로 통합했습니다.

5번 게시물 열기
06

Three.js · Satellite

위성 궤도 시뮬레이터

지구 주변을 도는 관측·극궤도·통신 위성의 궤도와 커버리지를 보여주는 Three.js 미니 프로젝트입니다.

6번 게시물 열기
07

Food · Local Produce

지역농산물 유통 식품회사

가상의 식품회사 ‘들녘상회’ 사이트에 공지사항과 문의게시판까지 한 흐름으로 통합했습니다.

7번 게시물 열기
08

PHP · Gnuboard7

Gnuboard7 게시판 실험실

공식 gnuboard/g7 저장소의 Laravel 기반 G7을 설치 마법사로 구성한 실제 그누보드7 데모입니다.

8번 게시물 열기
09

Event · Lucky Draw

Lucky Number Draw

이벤트 추첨용 Lucky Draw 프로젝트 진행본입니다. 모바일 무대형 UI로 새로 정리한 추첨·경품·결과 화면을 확인할 수 있습니다.

9번 게시물 열기
10

Three.js · Terrain

Terraced Earth

절차적 대륙, 극지방, 구름 레이어를 조정하며 지형 밀도와 시각적 균형을 검증한 Three.js 지구 프로토타입입니다.

10번 게시물 열기
11

Three.js · Building Mass

Building Mass Studio

2D 도면의 면과 꼭짓점을 편집하고 선택 면 높이를 지정해 즉시 3D 매스로 확인하는 모바일 우선 스튜디오입니다.

11번 게시물 열기
12

Three.js · Physics Game

흡착식 캡슐 뽑기

녹색 레이저로 조준하고 흡착 클로로 캡슐을 잡아 토출구·미끄럼틀·하단 수령 공간까지 보내는 모바일 3D 게임입니다.

12번 게시물 열기