TAGS
Three.jsJavaScriptZustandWebSecurityCSS멀티패러다임 프로그래밍ReactNext.jsenv-cmdGraphQLHTMLvercel/ogPagefindVercelDeepL APITypeScriptGitTailwindCSS
THREE.Cache.enabled로 인한 메모리 누수 트러블슈팅
GLTFLoader 성능 최적화를 위해 활성화한 THREE.Cache가 동적 URL 환경에서 어떻게 메모리 누수를 일으켰는지를 알아 보았다.
![[Three.js] Light thumbnail](/_next/image?url=%2Fimages%2Fposts%2Fthreejs-about-light%2Fthumbnail.webp&w=3840&q=75)
[Three.js] Light
Three.js가 제공하는 다양한 조명 타입(AmbientLight, DirectionalLight, PointLight, SpotLight, HemisphereLight, RectAreaLight)의 특성과 활용법을 예제와 함께 알아보았다.
![[Three.js] Geometry, Materials, Mesh thumbnail](/_next/image?url=%2Fimages%2Fposts%2Fthreejs-geometry-materials-mesh%2Fthumbnail.webp&w=3840&q=75)
[Three.js] Geometry, Materials, Mesh
Three.js에서 3D Object를 구성하는 세 가지 핵심 요소인 Geometry와 Materials, 그리고 Mesh에 대해 알아보자.
![[Three.js] Scene, Renderer, Camera thumbnail](/_next/image?url=%2Fimages%2Fposts%2Fthreejs-scene-renderer-camera%2Fthumbnail.webp&w=3840&q=75)
[Three.js] Scene, Renderer, Camera
Three.js에서 무언가를 표현하기 위해 필요한 가장 기본적인 3가지 Scene, Renderer, Camera에 대해 알아보자.