Portfolio Showcase

웹 & 3D/IoT 프로젝트 포트폴리오

각 프로젝트를 선택하여 실행 화면 및 데모를 확인하실 수 있습니다.

구동 환경: PHP 8.5.4 · Apache 2.4 · MariaDB
1

3D 가상 전시장(Showroom) & 상품 관리

이식 완료 (구동 중)

Three.js 기반의 3D 웹 가상 전시장 뷰어와 전시장 구성·3D 모델(`.glb`/`.fbx`)·배경음악(BGM)·디지털 상품 파일 및 다운로드 키를 발급/관리하는 시스템입니다.

PHP 8 호환 패치 MySQL (PDO) Vue.js 2 Three.js Bootstrap 4
1번 포트폴리오 이동 (전시장 관리/메인) → 3D 전시장 뷰어 바로보기 샘플 3D 모델(왕복선) 뷰어
2

IoT 송수신 디바이스(TRX) 설정 & 모니터링

이식 대기

라즈베리파이 기반 IoT 게이트웨이 디바이스의 아날로그/디지털/시리얼/블루투스 채널 센서 설정 및 실시간 데이터·로그 모니터링 웹 페이지입니다. (portfolio-device-page)

PHP (PDO) MySQL Vue.js 2 Rollup
3

3D 블록 조립(Block Joint) 웹 시뮬레이터

이식 대기

웹상에서 다양한 크기와 재질의 3D 블록(.fbx)을 불러와 조립·배치하는 3D 시뮬레이터 및 블록 관리 시스템입니다. (web-block-joint)

Laravel 8 Inertia.js Vue.js 2 Three.js
4

카페24 쇼핑몰 연동 3D 상품 모델 뷰어 (Nemo3D)

이식 대기

카페24 쇼핑몰 상품에 3D 모델 데이터를 연동하여 고객이 쇼핑몰에서 상품을 3D로 회전·확대해 볼 수 있게 해주는 앱입니다. (web-nemo3d)

Laravel 8 Cafe24 API Vue.js 2 Three.js
5

웹 기반 증강현실(Web AR) 저작 플랫폼 (NemoAR)

이식 대기

웹 브라우저에서 마커(QR/이미지)를 인식해 3D 에셋을 증강현실로 띄워주는 Web AR 뷰어 및 에디터 플랫폼입니다. (web-nemoar)

Laravel AR.js Three.js Vue.js 2
6

스마트 팩토리 생산·알람 모니터링 대시보드

이식 대기

공장 설비 가동 현황과 알람 로그를 실시간 시각화하고 엑셀 내보내기 및 인쇄 레이아웃을 제공하는 대시보드입니다. (jvm-factory-dashboard)

Laravel 8 Vue.js 2 Vuex Laravel Excel
7

글로벌 가축/농장 현황 지도 대시보드 (Livecare)

이식 대기

OpenLayers 지도를 기반으로 국가별·농장별 가축 두수와 상태 지표를 시각화하는 지도 관제 대시보드입니다. (nemolabs-ulikekorea-map)

OpenLayers 6 PHP cURL jQuery
8

설비 작업 현황(Work Status) 모니터링 보드

이식 대기

설비 데이터 로그를 분석하여 각 공정 및 장비의 실시간 작업 상태를 표시하는 현황판 페이지입니다. (web-kishin)

PHP Vue.js 2 Parcel