참고 강의: GIS Developer 유튜브 강의 Three.js가 제공하는 다양한 Materials에 대해 배우기 전에 Depth Buffering이라는 개념을 알아두는 것이 좋다. 출처: https://ko.wikipedia.org/wiki/Z_%EB%B2%84%ED%8D%BC%EB%A7%81 Depth-buffering이란? 카메라의 ...

서론 모던자바스크립트 Deep Dive를 공부하던 중, 렉시컬 환경에는 LexicalEnvironment와 VariableEnvironment 두 종류가 있는데, 책에서는 하나로 본다는 설명을 읽게 되었다. 그런데 이걸 왜 하나로 보는거지? 무슨 차이가 있는거지?가 궁금해져서 따로 글로 작성하게 되었다. 실행 컨텍스트 (Excution Conte...

참고 강의 : GIS Developer 유튜브 강의 Scene Graph(씬 그래프)란 출처 : Example scene graph structure in glTF (https://github.khronos.org/) Scene Graph는 복잡한 3차원 객체(scene)를 그려내기 위해 계층 구조로 Object 3D(Mesh, Line, P...

참고 강의 : GIS Developer 유튜브 강의 three.js의 BufferGeometry는 배열 형태로 3차원 오브젝트를 구성하는 정점의 정보와 인덱스 정보 등을 저장함으로써 3차원 구조체의 형상을 정의한다. three.js는BufferGeometry를 확장한 다양한 형상의 지오메트리를 제공하는데, 이를 이용해 여러 종류의 도형을 쉽게 그...

각각의 구성요소는 여러가지 종류의 클래스, 옵션을 가지므로 좀 더 깊이 알아야하지만 여기서는 하나의 화면이 어떤 구성요소들로 구성되는지만 알아보자 자료 출처 : https://sunzhongkui.wordpress.com/2015/08/08/3d-viewer-based-on-threejs/ Renderer Scene을 출력 장치에 출...

참고 자료 [React 까보기 시리즈] React 구성요소인 reconciler, renderer 등의 내부 패키지 & fiver, rendering 등의 용어 정의 React Scheduler 코드 파해치기 React 레거시 공식 문서 - 합성 이벤트 React 레거시 공식 문서 - 재조정 https://goidle.github.io/reac...

참고 자료들 [한빛미디어 [리액트 초보 / 입문] 07-1강_훅](https://youtu.be/_eq5h9JzN4U) ...

문제 : https://www.acmicpc.net/problem/28707 문제 요약 예제 4 1 4 3 2 4 1 2 4 2 3 3 3 4 2 1 4 10 [1, 4, 3, 2]의 배열이 주어졌다. 이 배열의 조작 방법은 총 4가지가 있다. 1번과 2번 요소를 바꿈 (비용: 4) 2번과 3번 요소를 바꿈 (비용: 3) 3번과...

Execute context 생활코딩 강의 : https://youtu.be/QtOF0uMBy7k Execute context Execute context란 코드의 실행 문맥, 코드가 실행되고있는 환경을 의미하는 추상적인 개념이다. 모든 실행 중인 javascript 코드는 어떤 Execute context에서 실행되고 있다. debug...

문제 : https://www.acmicpc.net/problem/28706 문제 설명 T개의 테스트 케이스가 주어진다. (1 ≤ T ≤ 10,000) 각 테이스 케이스 별로 N개의 명령어가 주어진다. (1 ≤ N ≤ 200,000) 각 명령어는 2개의 연산으로 구성되어있다. 문제는 1부터 시작하여 각 명령어에서 연산 하나를 골라...