three.js 10/04 강의 (1)

extension -> 스닙펫? 알아보기!

웹브라우저 뷰포트 알아보기!

라이브서버가 서버를 열어준다! local은 127.0.0.1이다. 또한 port번호도 필요하다!

body

- use <div> for WebGL container
- use <script type = "importmap"> for simple import in JS 
    -> three js 자체가 ... importmap에서 three라는 상대경로를 지정하는... 뭘 쓴다.
- use <script type = "module"> for JS code
- use seperate JS code file

build

• three.cjs
• three.js
• three.min.js
• three.module.js

js는 interpret언어
javascript도 역사가 길기 때문에 여러 버전이 있다. 그래서 저렇게 많은 파일이 있음.
package 표준은 three.moudle.js로 쓴다고 한다. 이걸 import 할 것.

client가 import되는 거를 다 다운로드를 받아. 개발자도구에서 다운로드받은 파일을 다 볼 수 있다.
자기 코드 보이기 싫으면... 타입스크립트? 자바스크립트랑 좀 다르다. 타입스크립트는 웹 브라우저가
타입스크립트를 자바스크립트로 바꿔주는 인터프리터가 따로 있다. 타입->자바 코드가 이상해진다.

three.min.js => code가 이상해짐. typescript에서 아까 봤던거처럼 코딩한걸 javascript로 바꿔주게 되면
이렇게 변한다. 그러면 웹 브라우저는 뭐가 됐든 상관없다. 인터프리트 가능하지만 인간들은 보기 힘들어짐.