잉

https://youtu.be/KxR4NZDzNOU 01. light //Light const pointLight = new THREE.PointLight(0xffffff, 1) pointLight.position.set(0,2,12) scene.add(pointLight) //Mesh 01 const geometry01 = new THREE.TorusGeometry(0.3,0.15,16,40) const material01 = new THREE.MeshStandardMaterial({ color:0x999999 }) const obj01 = new THREE.Mesh(geometry01, material01) obj01.position.x = -2 scene.add(obj01) //Mesh 2 cons..

https://youtu.be/O0HAN1nXvMU?list=PLkbzizJk4Ae9hHI_YUD3fRv8xLfS3jGEW > 박스만들기 DOC https://threejs.org/docs/index.html?q=geo#api/en/geometries/BoxGeometry three.js docs threejs.org 박스 메쉬 만들기 > app.js import * as THREE from 'three' import { Scene } from 'three'; import { WEBGL } from './webgl' if (WEBGL.isWebGLAvailable()) { //장면 const scene = new THREE.Scene(); //배경색 바꾸기 scene.background = new THR..

> 튜토리얼 https://youtu.be/ZvumCDpleyI?list=PLkbzizJk4Ae9hHI_YUD3fRv8xLfS3jGEW > 문서 three.js manual threejs.org 01. Three.js 기본 구조 renderer(scene,camera) 02. Three.js 예제 >index.js import * as THREE from 'three' import { WEBGL } from './webgl' if (WEBGL.isWebGLAvailable()) { //장면 const scene = new THREE.Scene(); //배경색 바꾸기 scene.background = new THREE.Color(0x004fff) //카메라 const camera = new THREE.Pe..

https://www.youtube.com/watch?v=JFX_IM2FJyQ&t=315 01. npm 인스톨 02. git clone으로 인스톨 V 01. 위 영상에서 code 프로그램에서 npm으로 three.js 설치하는 과정 문서 : https://threejs.org/docs/#manual/ko/introduction/Installation three.js docs threejs.org 여기에 코드가 설명되어 있다. code에 live server 설치 > three.js 설치 코드 npm install --save three three 모듈 불러와서 사용하기. >app.js /////////////////////////////////////////////////////// // Option 1..

https://wergia.tistory.com/279 [UE5] 언리얼 엔진 5 얼리엑세스 리뷰 안녕하세요! 여러분들과 함께 게임 개발을 공부하는 베르입니다! 이번에는 얼마전에 얼리엑세스로 공개된 언리얼 엔진 5를 리뷰해보겠습니다! 사용 엔진 버전 : 5.0 EA 타임라인 0:00 인트로 0:11 언 wergia.tistory.com 퀵셀브릿지 내장되어있으니 ..따로 설치할 필요가 없다 https://youtu.be/fRXNV-rfE2o https://quixel.com/mixer Quixel Mixer Simple and quick creation of anything you can imagine. Create photorealistic, tileable, materials in seconds wit..

[.py에 각각의 기능을 구현해 놓고, import하여 활용하는 방법] 참고사이트 >> https://igotit.tistory.com/entry/Python-%EB%8B%A4%EB%A5%B8-%ED%8C%8C%EC%9D%B4%EC%8D%AC-%ED%8C%8C%EC%9D%BC%EC%9D%98-%ED%95%A8%EC%88%98-%ED%98%B8%EC%B6%9C%ED%95%98%EA%B8%B0-import-from-import ### 1.py def function1(): print('1') function1() ## test 호출 ##2.py import 1 ###확장자 py 없이 임포트 1.fuction1() ###1.py의 함수 function1 호출 ### or 함수1만 가져오기 from 1 impo..

>>> 검색 옵션) 1. 책 제목 2. 책 저자 3. isbn (IoT에서 비전 인식으로 받아온 바코드 값으로 검색 가능) : 검색 옵션에 맞게 DB에 있는 값과 검색어를 비교하여 일치하는 책 리스트를 출력한다. [결과] 1.메인화면 2. 저자 검색, isbn 검색 3. 제목검색 : '이'가 포함된 모든 책이 나열된다. [구현 ] A. Front 1. home.vue 웹 페이지에서 실행되고 보여지는 것. 검색 이 부분이 [ 검색 옵션 : ____입력 바_____ : 검색 버튼 ] 을 그려주는 HTML이다. 뷰 부트스트랩을 이용하여 팀원 분이 작성해 주셨다. https://bootstrap-vue.org/docs/components/modal#modals 여기서 중요한 부분은 v-model , :optio..

var obj = { "1" : "iOS", "2" : "Android" }; var first_key = Object.keys(obj)[0]; var first_value = obj[Object.keys(obj)[0]]; console.log(first_key); console.log(first_value); 출처: [확장형 뇌 저장소] [Front_JS_객체의 첫 번째 키 or 값 출력하기] const 객체이름 = { "키1" : "값1" , "키2" : "값2" } > 객체의 첫번째 키 = Object.key(객체이름)[0] > 객체의 첫 번째 값 = 객체이름[Object.keys(객체이름)[0]] : 이렇게 하면 값을 뭘 받아왔는지 상관없이 첫 번째 값을 출력할 수 있다.