토스페이스를 클론코딩 해보자
한 달간 R3F 학습 후 토스 페이스 3D 페이지 클론코딩 프로젝트 진행 npm으로 개발 환경 설정하고 Spline Design으로 3D asset 편집 GLTF 파일로 모델 추출하여 react-three-fiber 코드로 렌더링 CameraControls 설정, 애니메이션 및 matcap 적용 등 구현 R3F의 미지의 땅에서 개발하며 레퍼런스 제공을 희망하는 마음 https://velog.io/@blcklamb/%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4%EB%A5%BC-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-%ED%95%B4%EB%B3%B4%EC%9E%90?utm_source=splash
![](https://proxy.cafenono.com/external-image?url=https%3A%2F%2Fvelog.velcdn.com%2Fimages%2Fblcklamb%2Fpost%2F22fd4eee-0df0-421d-bb8b-b4c3bf162a94%2Fimage.gif)