-
[Three.js] VSCode 에서 차근차근 Three.js 개발 환경 구축하기Study Bits 2023. 12. 26. 18:19
Three.js 와 Javascript 모두 경험이 없기 때문에 개발을 하면서 차근차근 정리해보려고 한다.
1. Three.js 홈페이지에서 라이브러리 다운로드 (파일 이름: three.js-master.zip)
2. VSCode 에서 Open Folder 로 압축을 푼 다운로드한 폴더를 연다.
3. VSCode Extensions (Ctrl+Shift+X)에서 'Live Server' 를 설치한다.
4. 작업 경로에 html 파일을 생성한다.
기본 코드가 필요하다면, html.5를 입력하면 자동으로 기본 코드가 완성된다.
5. html 파일 위로 우클릭 후 'Open with Live Server'를 실행하면 Browser가 실행된다.
html 파일의 <body> </body> 태그 사이에 원하는 문장 입력 후 Ctrl + S 로 저장하면 ㅎ 브라우저에 바로 렌더링 되는 것을 알 수 있다.
이렇게 Three.js 로 개발을 하기 위한 기본 셋팅이 끝났다.