Close
Lock icon

yenalee.dev/projects/557-virtual-exhibition

yenalee.dev/projects/557-virtual-exhibition

2025-01-12 — 2025-05-31

웹 개발자 (Web Developer) - 557 온라인 전시회

캐나다 온타리오 주 토론토

JavaScript

React

Three.js

React Three Fiber

React Three Drei

React Three Rapier

Vercel


프로젝트 소개

557 온라인 전시회

전시 및 크리에이티브 팀 557(오오칠)의 온라인 전시회를 위한 3D 인터렉티브 웹 사이트를 설계 및 개발


개요

557 (오오칠) [o.o.tɕʰil]은 토론토에 위치한 카페 ‘Cafe Our Hours’를 기반으로 활동하는 한인 크리에이티브 팀으로, 다양한 표현을 통해 오프라인과 디지털 공간을 연결하는 것을 목적으로 작업하는 팀입니다.

25년 5월, 557 팀 전시 프로젝트에서 웹 개발자로 참여하여, 실제 전시 공간을 웹으로 확장한 3D 가상 전시 사이트를 개발했습니다.


업무 내용

프로젝트에서 단독 웹 개발자로 참여했습니다.

주요 업무:

  • Three.js 기반 3D 웹 애플리케이션 설계 및 개발
  • 전시 기획 및 현장 세팅 참여
  • 실제 공간 구조를 디지털 환경으로 변환
  • Vercel을 통한 배포

프로젝트 설명

카페에서 진행된 실제 전시 공간을 3D 웹 환경으로 구현하여, 사용자가 직접 탐색하며 작품을 감상할 수 있도록 한 프로젝트입니다.

3D 환경 구현

  • 3D 스캔 데이터를 기반으로 전시 공간 재현
  • Three.js를 활용한 브라우저 렌더링
  • 실제 공간 구조와의 일관성 유지

사용자 인터랙션

  • 캐릭터 이동 기반 탐색 기능 구현
  • 작품 상호작용 시 설명 확인 가능하도록 구현
  • 자연스러운 이동 및 인터랙션 흐름 설계

오프라인에서 온라인 공간으로의 확장

  • 전시 기획 및 현장 세팅 과정 참여
  • 실제 공간 구성과 동선을 디지털 환경에 반영
  • 오프라인 전시 경험을 온라인으로 확장

개발 및 배포

  • 전체 웹사이트 단독 개발
  • Vercel을 통한 배포 (도메인 미연결)
Default background image with orange and blue lights.