먹고 기도하고 코딩하라

내 워크스페이스의 메타데이터 폴더의 .lock 파일을 삭제하니 해결되었음 rm workspace/.metadata/.lock

framerate를 사용하는 방법 /** * Animate */ let time = Date.now() const tick = () => { // Time const currentTime = Date.now() const deltaTime = currentTime - time time = currentTime // Update objects mesh.rotation.y += 0.01 * deltaTime // ... } tick() 결과 : 큐브는 왼쪽으로 천천히 돌아감 사용자 컴퓨터 성능에 따라 framerate 가 다르기때문에, 그걸 맞춰주기 위해 움직임 값에 deltaTime (1frame당 걸리는 시간) 을 곱해주어 모든 컴퓨터에서 똑같이 보일 수 있도록 함 Clock 사용하기 /** * Anim..

사물을 변형하기위한 4가지 프로퍼티 position (이동) scale (크기 조절) rotation (회전) quaternion (회전) Object3D를 상속받은 구현체 (i.e. PerspectiveCamera, Mesh, etc) 는 모두 위 4가지 프로퍼티를 가지고 있다. Position position 프로퍼티는 Vector3 클래스의 인스턴스이다. console.log(mesh.position.length()) // 중심에서 사물까지의 거리 console.log(mesh.position.distanceTo(camera.position)) // 사물에서 사물까지의 거리 (여기에선 mesh에서 camera까지) console.log(mesh.position.normalize()) // 거리가 소..

index.html script.js const scene = new THREE.Scene(); // Red cube const geometry = new THREE.BoxGeometry(1, 1, 1); // geometry (the shape) const material = new THREE.MeshBasicMaterial({ color: 0xff0000 }); // material (how it looks) const mesh = new THREE.Mesh(geometry, material); scene.add(mesh); // Sizes const sizes = { width: 800, height: 600, }; // Camera const camera = new THREE.Perspective..

WebGL 이란? WebGL은 JavaScript API이고 canvas에 사물을 빠르게 그릴 수 있다는 것이 장점이다. 빠른 이유는 GPU를 사용하기 때문. GPU는 한번에 여러가지 계산을 할 수 있다. 병렬적인 작업 (Parallel task) 에 더 강점이 있다. 하지만 순수(native) WebGL을 사용해서 canvas에 point를 배치하고 pixel에 색을 채우는 것은 어렵다. 예를들어 삼각형 하나를 그리는 경우 최소 100라인의 코드를 작성해야 한다. 하지만 정교한 컨트롤이 가능하며 퍼포먼스 속도도 빠르다는 장점이 있다.

웹 디자인 레퍼런스를 찾아보다가 WebGL을 사용하고 Three.js 라이브러리로 구현한 3D 컨텐츠를 보게 되었다. 보는 순간 너무 배우고싶다는 생각이 들어 강의를 찾아보다가 Three.js journey라는 온라인 코스를 발견하고 강의를 결제했다. https://threejs.org/ Three.js – JavaScript 3D Library threejs.org https://threejs-journey.xyz/ Three.js Journey — Learn WebGL with Three.js The ultimate Three.js course whether you are a beginner or a more advanced developer threejs-journey.xyz 강의 제작자는 Brun..

https://ahn3330.tistory.com/45 [Node.js] windows에서 노드 버전 변경 - downgrade/upgrade 사용해야되는 모듈이 현재 node 버전을 지원하지않아서 버전 downgrade를 해야됐습니다. linux나 mac 환경에서 노드 버전 관리 방법은 정리해주신 분들이 많았지만, 윈도우 환경에서 방법을 정리해주 ahn3330.tistory.com

http://springmvc.egloos.com/504862 1장 스프링 시큐리티란? 드디어 대망의 스프링 시큐리티입니다! 이것이 정녕 막판 보스는 아니지만 현재까지의 개발환경에서 스프링 시큐리티만 어느 정도 가닥이 잡힌다면 웹서비스 제작에 필요한 대부분의 요소는 springmvc.egloos.com https://codevang.tistory.com/category/%E2%96%B8Spring%20Security?page=3 '▸Spring Security' 카테고리의 글 목록 (3 Page) codevang.tistory.com https://www.marcobehler.com/guides/spring-security-oauth2 Spring Security & OAuth 2.0: In-Depth ..