[Three.js] R3F(React Three Fiber)

R3F와 Three.js와 Next로 내 웹사이트를 만들어볼 예정이다! : )
히히 내 머리속에 있던(?)거 이쁘게 만들면서 버그들 쌓여갈 예정^^ 행복하겠다 (해탈)
(*Three.js는 어느정도 개념을 알고있는상태라 공식독스 보고 거북이처럼 적용하면서 하나하나 해봐야지)

React-three-fiber is a React renderer for three.js.

React Three Fiber Documentation

 

 

리액트의 생태계에 참여할 수 있고, 쉽게 상호작용할 수 있으며, 상태에 따라 반응할 수 있는 재사용 가능한 자체 구성 요소를 사용하여 선언적으로 장면을 구축할 수 있습니다.

즉, Three.js를 React에서 사용하기 쉽도록 wrapping 했다고 보면 됩니다.

React 또는 Next.js에서 Three.js를 사용하신다면 R3F를 사용하는 것이 편하고 좋다.

npm install three @types/three @react-three/fiber

 

---

공식 독스 : https://docs.pmnd.rs/react-three-fiber/getting-started/introduction