일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- vue-template-compiler
- VR
- vue
- 상태관리
- web
- package-lock.json
- 3d
- aframe
- npx
- A-Frame
- auth0
- JavaScript
- Node
- CI/CD
- Component
- Three.js
- vuetify
- promise
- bootstrap
- EM6
- WebVR
- javscript
- PHP
- JS
- array
- AR
- WebXR
- version mismatch
- vuex
- PDO
- Today
- Total
목록Component (3)
대가는 결과를 만든다
Vue에는 slot이라는 개념이 있는데 무엇? Parent Component에서 Child Component의 Element Tag사이에 삽입하여 Child Component의 원하는 Element로 fallback해주고자 할때 사용하는 개념이다. 1. Basic Component를 다음과 같이 정의: Submit 그러면 이라는 Component를 사용할 때, Submit 다음과 같이 렌더링이 될 것이다. 하지만 전송 과같이 Component를 사용하면 전송 으로 렌더링이 된다. 앞서 말한 것처럼 Tag사이에 넣은 값을 Child Component의 Slot으로 fallback되는 것이다. 2. Named Slot *name을 정하지 않은 의 name은 "default" 이라는 Component를 다음과..
AFrame 라이브러리 레지스트리 링크 - https://aframe.io/aframe-registry/ **계속 추가하여 정리할 예정** aframe-gui : AFrame의 GUI Framework 라이브러리 ( 동작 테스트 O, ) superhands : tracked controller, touch, mouse로의 Interaction 간편하게 구현된 Component ( 정확히 어떤 역할 하고 있는지 파악, 동작 테스트 X ) aframe-environment-component : 간편히 VR 화면의 전체 기본 배경 환경을 세팅할 수 있는 Component (동작 테스트 O ) aframe-camera-transform-controls-component : 카메라 이동, 조작 Control Co..
ComponentComponent는 Entity의 외관, 동작, 기능을 추가하기 위해 연결되는 재사용 가능한 모듈형 구성요소 이다.three.js와 javascript 코드를 HTML에서 선언적으로 사용할 수 있게 캡슐화 됨. 단일 특성 구성요소 다중 특성 구성요소 Component 등록AFRAME.registerComponent (name, definition){string} name- 구성 요소 이름. HTML의 속성 명으로 나타내지는 Component의 public API{Object} definition- 구성 요소 정의. 스키마 및 생명주기 메서드를..