![]()
# Three.js란?- Three.js는 웹페이지에 3D 객체를 쉽게 랜더링할 수 있도록 도와주는 Javascript 3D 라이브러리- WebGL을 쉽게 사용할 수 있도록 해주는 JS 기반 라이브러리- WebGL 기술을 기반으로 랜더링과 카메라, 조명 등의 3D 프로그래밍 기술을 간단하게 사용할 수 있음# Three.js 를 사용하기 위한 기본 개념* CameraPerspectiveCamera- 원근감이 존재하는 일반적인 카메라OrthographicCamera- 원근감이 존재하지 않는 카메라fov : 시야각aspect : 카메라의 가로, 세로 비율near : 카메라가 가장 가까이 잡을 수 있는 곳far : 카메라가 가장 멀리 잡을 수 있는 곳* Scene- 배경 및 장면* Mesh- 배경, 장면에 올라..
![]()
# Vite란?- 속도 빠른 웹 개발용 빌드 도구- Node.js가 설치되어 있어야 사용 가능- Create React App대신 사용하여 리액트 프로젝트를 생성 가능 # Vite 설치npm create vite@latest ${디렉터리 명} -- --template ${템플릿 명}### ex) vite를 chapter02-threejs 명으로, 바닐라 템플릿으로 빈 프로젝트 생성 npm create vite@latest chapter02-threejs -- --template vanilla - vite 프로젝트를 생성할 디렉터리로 이동하여 설치 → 아래와 같은 디렉터리 생성 # 지원중인 Vite 템플릿 # 실행cd chapter02-threejs # 생성한 프로젝트로 이동npm installnpm..
