[R3F] Migration - ThreeJs to R3F
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..

[Typescript] 타입시스템 (2)
FrontEnd/Typescript2023. 11. 18. 16:54[Typescript] 타입시스템 (2)

그래서 타입이 뭔데?'타입'은 자바스크립트에서 다루는 값의 형태이다. → 그럼 형태의 정의는 뭐지? - 형태는 값에 존재하는 속성과 메서드 그리고 내장되어있는 typeof 연산자가 설명하는 것을 의미 - 예를 들어 아래의 간단한 선언문을 보면let language = "typescript";typescript는 langauage 변수가 문자열 타입임을 유추한다! 7가지 원시타입 (Primitive Type)null → nullundefined → undefinedboolean → true or falsestring → "Hello"number → 12345bigint → 12345nsymbol → Symbol("Indigochi1d"오류 종류구문 오류 : Typescript가 Javascript로 변환되..

image