![[R3F] Migration - ThreeJs to R3F](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdfBsBa%2FbtsI1UWPW0V%2FdtbqORFCDmWDN2qmaaeSKK%2Fimg.png)
FrontEnd/3D Web2024. 8. 16. 09:31[R3F] Migration - ThreeJs to R3F
🔍ThreeJs에서 R3F로 마이그레이션하기 [ThreeJS] ThreeJS 기본 구성 요소ThreeJS란?ThreeJS란 WebGL(Web Graphic's Library)을 쉽게 사용할 수 있도록 해주는 JS기반 라이브러리이다. Graphic들은 html canvas 위에 그려지는데 이를 개발자가 좀 더 편하게 다루기 위해서 사용된다.ThreeJSindigochi1d.tistory.com전에 포스팅했던 ThreeJS의 기본 구성요소에는 4가지가 있었다.RendererSceneCameraMesh아래에서는 기본 구성요소의 선언 : ThreeJS vs R3F 에 대해서 코드로 작성하며 설명하도록 하겠다.1️⃣RendererThreeJSconst renderer = new THREE.WebGLRendere..