대가는 결과를 만든다

첫번째 방법 원격에 새 Repository를 생성한다. 로컬에 빈 Folder를 생성한 후 해당 폴더에 원격 Repository를 Clone한다. (빈 Repository가 클론되겠지) Init이 되고 히스토리에 initial commit이 생성된 걸 볼 수 있다. 해당 로컬 폴더(Repository)에 프로젝트/소스코드를 복사한다. 두번째 방법 진행하던 프로젝트 폴더를 cmd에서 git init을 하여 로컬 Repository로 만든다. 원격 Repository를 생성한다. url을 이용하여 로컬 Repository를 원격 Repository로 PUSH한다.

'PHP_SELF' : 현재 실행하고 있는 PHP 파일의 파일명 'SERVER_ADDR' : 현재 스크립트가 실행되고 있는 서버의 IP 주소 'SERVER_NAME' : 현재 스크립트가 실행되고 있는 서버 호스트의 이름(Note: Under Apache 2, you must set UseCanonicalName = On and ServerName. Otherwise, this value reflects the hostname supplied by the client, which can be spoofed. It is not safe to rely on this value in security-dependent contexts.) 'REQUEST_METHOD' : 페이지 접근한 메서드 'GET' , 'PO..

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..

뷰포트 Viewport 컴퓨터나 휴대 단말기 등 장치에 Display 요소가 표현되는 영역. 모바일 웹의 경우 브라우저에서 웹 페이지가 표시되는 영역. 이미지 출처 : http://m.mkexdev.net/34 현재 스마트폰 브라우저는 풀브라우징을 지원한다 풀브라우징은 모바일 환경에서도 데스크탑 환경처럼 웹화면 전체를 자연스럽게 브라우징 할 수 있는 환경을 일컫는다 작은 화면의 모바일 단말기에 웹 페이지 모두 표시하려다 보니 전체적인 페이지 배율 조정이 가해지게 된다. 즉 화면에 맞도록 전체적으로 축소되어 화면 모두가 브라우징 되지만 페이지에 있는 컨텐츠들의 가독성은 상당히 떨어지게 되는 것이다 웹킷 기반 브라우저의 뷰포트 기본 가로 너비는 980 픽셀이다 그러나 아이폰 사파리브라우저의 가로 너비는 32..

OpenCTM 이란? 압축된 형태로 3D 삼각형 Mesh를 저장하기 위한 파일 형식.OpenCTM형식의 파일을 읽고 쓸 수 있는 라이브러리 제공. 삼각형 Mesh 데이터 관리에만 관련되 있음. Scene 정의 형식이 아님.Multiple Mesh, Transformation matrix, materials, light source, physical property을 처리X - Lossless (무손실 압축)- converting 프로그램(obj, ply, dae etc => ctm), dll 제공- maya, blender plugin 제공- js library - https://github.com/jcmellado/js-openctm- A-Frame, Three.js에서의 사용 예제 존재(AFrame ..

1. three.js Scene에 접근 1) a-scene 이용document.querySelector('a-scene').object3D; 2) entity에서의 접근document.querySelector('a-entity').sceneEl.object3D; // THREE.Scene 3) Component에서의 접근AFRAME.registerComponent('foo', { init: function () { var scene = this.el.sceneEl.object3D; // THREE.Scene } }); 2. Entity의 three.js object 접근 : 모든 Entity는 다양한 타입의 THREE.Object3D를 포함하는 THREE.Group을 가지고 있음.object3D를 통해 ..

참고 블로그: https://medium.com/@bluesh55/javascript-prototype-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-f8e67c286b67: http://insanehong.kr/post/javascript-prototype/ 자바스크립트는 프로토타입 기반 언어: 자바크립트는 class라는 개념이 없음. 대신 Prototype이 존재 Prototype의 사용 예시function Person() { this.eyes = 2; this.nose = 1; }var kim = new Person(); var park = new Person();console.log(kim.eyes); // => 2 console.log(kim.nose); // => 1cons..

ECS : Entity-Component-System 1. Entity : element와 prototype, component가 연결되는 컨테이너 object, scene안에서 object의 기반 2. Component : 안의 HTML attributeobject로서 1) schema, 2) 생명주기 handler, 3) 메서드를 포함한다.AFRAME.registerComponent(name, definition)으로 등록모든 로직은 component로 구현됨.appearance, gestures, behaviors, interactivity with other objects. 3. System : 안의 HTML attributeAFRAME.registerSystem(name, definition)으..