three.js에서 canvas를 리사이즈 할때 요소들이 이상하게 보이지 않게 하려면 다음과 같은 작업을 해줘야 한다.updateProjectionMatrix()라는 것은 3점 좌표(x, y, z)를 2점 좌표(x, y)로 바꾸는 작업이다. 소실점 계산이라고 생각하면
css에서 1px은 가상 96dpi디스플레이에서의 1px크기이다. 가상 디스플레이가 기준이므로 'CSS픽셀'이라는 이름으로 불린다. css작업을 하면서 적은 수치(ex top: 10px)는 위치와 측정용으로 사용이 되고 실제 브라우져에서 렌더링 될때 모니터에 맞게 물리