# 토스페이스를 클론코딩 해보자

- 한 달간 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://velog.io/@blcklamb/%25ED%2586%25A0%25EC%258A%25A4%25ED%258E%2598%25EC%259D%25B4%25EC%258A%25A4%25EB%25A5%25BC-%25ED%2581%25B4%25EB%25A1%25A0%25EC%25BD%2594%25EB%2594%25A9-%25ED%2595%25B4%25EB%25B3%25B4%25EC%259E%2590?utm_source=splash) 

[토스페이스를 클론코딩 해보자](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)

For the site tree, see the [root Markdown](https://slashpage.com/splash.md).