3D 책 제본 시뮬레이터

다양한 제본 방식을 3D로 시각화하고 체험할 수 있는 웹 애플리케이션

프로젝트 개요
책 제본의 복잡한 과정을 직관적으로 이해할 수 있도록 도와주는 도구

이 프로젝트는 출판, 인쇄, 디자인 분야의 전문가들이 다양한 제본 방식을 시각적으로 비교하고 선택할 수 있도록 개발되었습니다.

3D 시각화실시간 미리보기다양한 제본 방식
주요 기능
시뮬레이터의 핵심 기능들
  • 무선제본 (Perfect Binding) 시뮬레이션
  • 양장제본 (Hardcover) 시뮬레이션
  • 중철제본 (Saddle Stitch) 시뮬레이션
  • 링제본 (Ring Binding) 시뮬레이션
기술 스택
이 프로젝트를 구축하는데 사용된 기술들

Frontend

Next.js 14

React 18

TypeScript

3D Graphics

Three.js

React Three Fiber

Drei

UI Components

shadcn/ui

Tailwind CSS

Radix UI

Development

ESLint

Prettier

pnpm

사용 방법
시뮬레이터를 효과적으로 사용하는 방법
1

제본 방식 선택

원하는 제본 방식을 선택합니다. 무선제본, 양장제본, 중철제본, 링제본 중에서 선택할 수 있습니다.

2

매개변수 조정

책의 크기, 두께, 종이 종류, 페이지 수 등을 조정하여 원하는 결과를 얻습니다.

3

3D 모델 확인

실시간으로 업데이트되는 3D 모델을 확인하고 마우스로 회전하여 다양한 각도에서 살펴봅니다.