전체 글

"웹 브라우저의 HTML문서 렌더링 과정" 불러오기(Loading) 불러오기는 HTTP 모듈 또는 파일시스템으로 전달 받은 리소스 스트림(Resource Stream)을 읽는 과정으로 로더(Loader)가 이 역할을 맡고 있다. 로더는 단순히 읽는 것이 아니라, 이미 데이터를 읽었는지도 확인하고, 팝업창을 열지 말지, 또는 파일을 다운로드 받을 지를 결정한다. 파싱(Parsing) 파싱은 DOM(Document Object Model) 트리를 만드는 과정이다. 웹 엔진이 가지고 있는 HTML/XML 파서가 문서를 파싱해서 DOM Tree를 만든다. DOM Tree : 내용을 저장하는 트리로 javascript에서 접근하는 DOM객체를 쓸 때 이용됨. 렌더링 트리 만들기(Rendering Tree) 렌더링..

둘 다 동일한 기능을 지원함 min파일은 minify(축소하다)의 줄임말로써, "공백과 줄 바꿈을 제거하여 용량을 줄인파일 .js 파일은 가독성(들여쓰기, 줄바꿈 등)을 위해 개발할 때 사용하고, 이를 압축하여 min.js파일을 만들어 실제 서비스에 사용한다. min.js파일을 사용해야 용량+전송량을 줄일 수 있다. ※ 참조 - https://code.i-harness.com/ko/q/350650

변수 선언 변수를 선언함에 있어서 다른 언어와는 다른 점이 있다. 수정이 가능한 변수인지, 아니면 수정이 불가능한 변수인지 명시해야 한다. var : 수정이 가능한 변수를 선언할 때 사용. const : 변수의 값이 변경될 일이 없을 때 사용한다. (상수) let : const가 아닌, 값이 변경되는 변수에 사용한다. ※ 첫 단어를 제외한 나머지 단어의 첫 문자를 대문자로 표기 자바스크립트의 boolean은 true, false가 있다. null도 사용할 수 있다. 변수 선언 후 값을 대입하지 않으면, 출력시 undefined라고 표기된다. 자료형 변환 typeof 변수이름 을 통해서 현재 변수에 담긴 값이 어떤 자료형으로 저장되어 있는지 알 수 있다. parseInt("String"); 을 통해서 st..

- 3D Tiles Data Format · b3dm : 지형 및 표면, 건물 내부 및 외부, 표면 등 · i3dm : 3D 모델 인스턴스 · pnts : 엄청나게 많은 수의 점(point) · cmpt : 다른형식의 타일을 하나로 연결(합성) ※ 타일 구조(타일셋)와 컨텐츠(타일) - 드로잉 버퍼 · 색상 버퍼 / 심도 버퍼 / 스텐실 버퍼 - 정점 버퍼 객체(VBO) : 정점의 특정 속성(attribute)에 대한 데이터를 보관함 - 파이프라인(Pipe Line) : (웹 애플리케이션 HTML + 자바스크립트 + 쉐이더 소스코드 + 3차원 모델링데이터) → WebGL(자바스크립트 API) → 버텍스 쉐이더 → 프리미티브 어셈블리 → 레스터화 → 프래그먼트 쉐이더 → 가위테스트 → 멀티샘플 프래그먼트 ..

※ JavaScript * 비동기처리를 다루는 방법 중 하나. - Promise : 내용은 실행 되었지만 결과를 아직 반환하지 않은 객체 : Pending(대기) / Fulfilled(이행) / Rejected(실패) - 비동기 처리결과에 따라 상태를 갖음 - async/await : callback 이나 Promise의 단점을 해소하기위해 만들어짐. : await를 통해서 Promise의 반환 값을 받아 올 수 있다. ☆ 선행조건 : await는 async 함수 안에서만 동작한다. ○ 차이점 - 에러 핸들링 : Promise 를 활용할 시에는 .catch() 문을 통해 에러 핸들링이 가능하지만, async/await 은 에러 핸들링 할 수 있는 기능이 없어 try-catch() 문을 활용해야 한다. -..

- 쉐이더(Shader) : 색조,채도,밝기 대비를 주관하고 이를 조작하여 다양한 조작가능 - Rendering Pipeline : 3D 그래픽을 렌더링할 때 WebGL이 실행하는 단계 - vertex shader(버텍스 쉐이더,정점 쉐이더) : 버텍스 정보에 수학적인 연산을 해 물체에 효과를 주는 쉐이더 : 버텍스에 입힐 수 있는 다양한 정보들(좌표,색상,텍스처,조명 등)을 데이터로 가져와 변환 - fragment shader(프래그먼트 쉐이더) : rasterization shader는 각 픽셀을 렌더링하여 최종 픽셀 출력 색상을 결정 : 색을 입히는 것 - attribute(애트리뷰트) : 버텍스 쉐이더와 WebGL간의 버텍스 데이터 연결/버텍스 셰이더에서 사용하는 입력변수 : 버텍스 좌표/생상,텍..