개발환경구축

1. 설치

1) Visual Studio Code

• 상단 우측 Download

2) Three.js

• Code - download (클릭 시 zip파일 다운)
• 원하는 폴더에 압축풀기

2. Three.js 폴더 살펴보기(중요한 것만)

1) build

• three : 일반적인 three.js 라이브러리
• three.min : three.js 용량을 줄여놓은 압축 버전
• three.module : 모듈방식으로 개발할 수 있는 버전

2) docs : three.js 개발자 api 문서

3) examples : three.js library에 대한 예제 코드들(참고자료)

3. 개발 환경 구축

VSCode

• 새 파일 열기
• three.js master 폴더 열기 : 공부를 위해 study라는 폴더 생성
• 실행 및 디버그 탭 click
• launch.json file 만들기 click
• 어떤 웹 브라우저에서 실행할지 선택 (chrome, edge 등) : 실행을 위한 설정파일 생성
• 실행 탭 - 디버깅 시작 : 실행
  웹 브라우저가 url이 아닌 파일 경로로 실행되고 있음 : live server 설치 (확장 프로그램)
• extentions - live server 검색 후 설치
• 실행할 파일 열고 그 상태에서 우측 하단의 go live click

영상 참고 - https://www.youtube.com/watch?v=ZGACJosABBw&t=3s