일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- WebVR
- auth0
- A-Frame
- PDO
- web
- version mismatch
- array
- promise
- Component
- npx
- Three.js
- vuetify
- JS
- package-lock.json
- Node
- CI/CD
- PHP
- bootstrap
- AR
- javscript
- 3d
- aframe
- JavaScript
- VR
- vue
- vuex
- WebXR
- EM6
- vue-template-compiler
- 상태관리
- Today
- Total
목록분류 전체보기 (161)
대가는 결과를 만든다
3DoF (3 Degrees of Freedom) : 회전 운동만 추적할 수 있는 디바이스. 추적을 제공하기 위해 가속도계 및 자이로 스코프 감지만 의존하는 일반적인 장치6DoF (6 Degrees of Freedom) : 회전 및 위치를 추적 가능 - 위치추적 (X,Y,Z) : 사용자 환경에 대한 이해가 필요. Inside-Out Tracking : 카메라, 깊이센서를 이용한 device 스스로의 위치 감지 Outside-In Tracking : 빛센서, 카메라 같은 외부 Device가 사용자 환경에 설치되어 감지 - 방향 추적(Pitch : X축 회전 : 고개 끄덕임, Yaw : Y축 회전 : 도리도리, Roll : Z축 회전 : 머리를 좌우로 끄덕) - 센서 : 자이로 센서 : 물체의 회전, 기울어..
신규 개발 시스템이 개발되는 상황에서 이전 기존의 시스템을 일컬을 때 사용되는 용어
1) Example/WebVR.js의 사용 2) document.body.appendChild( WEBVR.createButton( renderer ) );=> VR 연동하여 VR세션 초기화 하는 버튼 생성 3) renderer.vr.enabled = true;=> WebGLRenderer의 VR Rendering 속성을 설정 4) renderer.setAnimationLoop( function () { renderer.render( scene, camera ); } ); => 기존 requestAnimationFrame()함수를 사용하지 못하므로 VR프로젝트에선 animation loop를 사용하여 랜더링 함. 참고 링크 : https://threejs.org/docs/#manual/en/introdu..
WebVR- 사용자가 보유한 VR헤드셋, VR지원 기기를 사용해 웹브라우저에서 3D경험 제공하는 자바스크립트 API - Legacy : WebVR API 개발은 중단되고 WebXR Device API가 대체되었음. 한 동안은 계속 브라우저가 이 WebVR을 지원. -WebVR1.1의 여러 이슈들을 개선하여 단순한 구현성, 성능 개선, VR뿐 아니라 AR 및 다양한 확장 사용을 위해 밑에 정리한 WebXR Device API가 고안되었고, 편승됨. (자바스크립트 메인 스레드 의존성이 큼, 설정 난해, common uses like magic window being a side effect rather than an intentional feature (대부분 Magic Window의 용도로 사용함? ) -..
*3D 오브젝트에 대한 필수 개념 -Normals : 법선은 면 또는 정점이 가리키는 방향을 정의하는 벡터입니다. 법선의 방향은 면 또는 정점의 앞면이나 외부 표면을 나타냅니다. -Vertices(Vertex) : 꼭지점-Polygon : Mesh의 한 단위로 많이 사용될 수록 디테일이 높아짐.-Mesh : Polygon으로 구성된 물체의 기초 표면 구조. Textrue가 어떻게 입혀질지 결정 -Material : Mesh를 덮어줄 포장지 역할 -Texture : Material을 구성하는 이미지 파일 1. 3D파일의 종류 OBJ+MTL, FBX, STL, PLY, DAE, 3DS 등등 *glTF란 3D파일 표준도 있음.*JSON형태가 사용되기도 함.*Google Draco로 인코딩한 형태인 .drc도 ..
REST API란?Representational State Transfer API 서로 다른 APPLICATION간 HTTP 통신을 통해 간편하게 정보의 CRUD(Create, Read, Update, Delete) 접근을 가능하게 하기 위한 Interface를 의미한다. 구성 REST API의 구성은 자원 Resource - URI행위 Verb - HTTP Method표현 Representations 로 이루어져 있다. 특징1) Uniform (유니폼 인터페이스)URI로 지정한 리소스에 대한 조작을 통일된 인터페이스로 수행하는 아키텍처 스타일2) Stateless (무상태성)작업을 위한 상태정보를 따로 저장하고 관리하지 않음. 세션 정보나 쿠키정보를 별도로 저장하고 관리하지 않기 때문에 API 서버는 ..
Vuforia Engine Feature공홈 Feature Docs : https://library.vuforia.com/content/vuforia-library/en/features/overview.html - 퀄컴사의 AR 소프트웨어 플랫폼, AR 개발 SDK를 제공함. - 지원환경 Xcode(ios), Android Studio(C++), Unity, Visual Studio(.NET) - Target의 종류 1) Image Targets : 특정 단면 이미지 인식 2) Multi Target : 여러 Image Target을 인식 가능 (예: 규칙적인 지형의 모양, 평평한 표면에 임의의 배열) 3) Cylinder Targets : 이미지로 감싸져 있는 원통 모양의 물체 인식 (예: 캔, 병) ..
Redis는 5가지의 데이터 타입이 존재 : Strings, Lists, Sets, Sorted sets, Hashes - Set과 Sorted Set의 차이 1) Key 하나당 n개의 중복되지 않는 값(Member)를 가짐 "Key" "Member"예) Fruits - apple - banana .............. 2) Set과 구조는 같으나 각 member는 score를 갖는다. Key - Member - Score형태. Score값으로 오름차순 정렬됨 "Key" "Member" "Score"예) Fruits - apple - 10 banana - 12 strawberry - 15 *순위(RANK)의 시작은 0위부터 시작 - Example 1) ZADD 'key-name' 'score' 'me..