post-thumbnail

threejs note - 개발을 편리하게 해주는 도구들(Utility)

Axes(축), Grid 헬퍼 내가 표현하고자 한 mesh 가 어디쯤에 있는지 알고 싶을 때 쓰면 좋겠다..? AxesHelper 별건 없다. three js 에서 이미 제공하고 있다. 축을 보여주는 놈. 생성자에 넘기는 숫자는 길이를 말한다. 자세한 건 아래 링

2022년 5월 10일
·
0개의 댓글
post-thumbnail

threejs note - transform

position (위치 변환) Vector3 사용법 scale (크기 변환) rotate (회전) 물체(Mesh)를 y 축으로 45도, x 축으로 20도를 돌린다고 가정하고 위와 같이 작성하면 아마 의도와 다르게 회전이 될 것이다. 이유인 즉슨 처음에 y 축으로

2022년 5월 10일
·
0개의 댓글
post-thumbnail

threejs note - animation

studiomeal 님의 'three.js로 시작하는 3D 인터랙티브 웹' 강의를 듣고 단순 정리한 것임을 밝힘쓰.(보는 이에 대한 친절을 염두하지 않은 글) requestAnimationFrame() 새로운 동작 또는 업데이트를 할 경우 렌더링 되기 전에 이 함수를

2022년 5월 10일
·
0개의 댓글
post-thumbnail

threejs note - Scene과 아이들

studiomeal 님의 'three.js로 시작하는 3D 인터랙티브 웹' 강의를 듣고 단순 정리한 것임을 밝힘쓰.(보는 이에 대한 친절을 염두하지 않은 글) Scene - 무대/장면 3d로 구현될 화면을 연극 무대로 가정한다면, 이 무대가 바로 scene (장면)

2022년 5월 10일
·
0개의 댓글
post-thumbnail

구글 Lighthouse - 1. Performance (1) : 구성

Performance 먼저 말 그대로 웹 사이트의 성능을 얘기하는 부분이다. 간단하게는 '얼마나 빠르게 불러오느냐'를 측정하는 것이다. 웹 사이트의 속도가 빨라지면 이 점수도 올라가겠지? 라이트하우스가 권고하는 대부분은 '리소스 절약'에 관한 것이었다. 즉, 리소스를

2020년 6월 28일
·
0개의 댓글
post-thumbnail

구글 Lighthouse - 0. Prologue

Prologue Lighthouse? Lighthouse(라이트하우스)는 작년 Google I/O Extended 2019 Daejeon 행사에서 처음 접했다. 하나의 주제로써 발표된 것은 아니지만 다른 것에 대해 설명하다가 Lighthouse의 검사 결과대로 조치하면

2020년 6월 28일
·
0개의 댓글
post-thumbnail

Apache Tomcat AJP 보안 취약점(CVE-2020-1938) 조치 중 발생한 문제

Apache Tomcat AJP 보안 취약점(CVE-2020-1938) 이슈 이 글은 취약점 조치 과정 중 겪은 것을 정리한 것이며 조치 방법을 정리한 것은 아닙니다. Apache Tomcat의 보안 취약점(CVE-2020-1938)으로 인한 Ghostcat 공격이

2020년 4월 5일
·
0개의 댓글