Exhibition 3D — 2026년 3월 26일

# Exhibition 3D: 몰입형 갤러리 경험을 위한 3D 전시 플랫폼 개발

3D 갤러리 공간에서 미술 작품을 감상할 수 있는 **Exhibition 3D** 프로젝트를 완성했습니다. 이 프로젝트는 Next.js와 Three.js(R3F)를 기반으로 한 인터랙티브 3D 전시 플랫폼으로, 사용자가 실제 갤러리를 거니는 것처럼 작품을 관람할 수 있도록 설계했습니다. 핵심 기능으로는 **FPS 뷰와 오버헤드 뷰** 간의 자유로운 전환, WASD 키와 마우스를 활용한 직관적인 네비게이션, 벽에 배치된 이미지/비디오 텍스처 렌더링 등이 있습니다. 특히 AABB 충돌 감지를 통해 현실감 있는 물리적 상호작용을 구현했으며, 입장 지점 마커로 사용자 오리엔테이션을 개선했습니다.

관리자 입장에서도 손쉽게 전시를 구성할 수 있도록 **Admin Panel**을 구축했습니다. 벽을 클릭하여 작품 배치 위치를 지정하고, TransformControls를 통해 실시간으로 작품의 위치와 크기를 조정할 수 있습니다. 또한 JsonIO와 URL-hash 기반 상태 관리 시스템으로 전시 구성을 저장하고 공유할 수 있으며, ShareButton과 LoadingOverlay 컴포넌트를 통해 사용자 경험을 한층 향상했습니다. 개발 과정에서 AI 협력자의 지원을 받아 복잡한 작업을 효율적으로 분담했고, 실제 평면도와 룸 지오메트리를 정확히 매칭하는 과정에서 정밀도를 높였습니다.

전체 개발은 견고한 테스트 스택(Jest, ts-jest) 위에서 진행되었으며, 유틸리티 함수(충돌 감지, JSON 인코딩, URL-safe base64 변환 등)에 대한 단위 테스트를 작성하여 안정성을 확보했습니다. 이제 큐레이터와 방문객 모두에게 색다른 디지털 갤러리 경험을 제공할 준비가 완료되었습니다.