IT 메모장

먼저 3D 기초부터 언급하고 넘어가겠습니다. 렌더링컴퓨터를 사용하여 물체를 3차원으로 표현하는 과정으로,점(vertices), 선(Edges), 면(faces)로 이루어져있음 이 것들을 X,Y,Z축을 2D스크린으로 옮기는 과정이 렌더링,ex)텍스처와 매핑, 조명과 쉐이딩, 애니메이션  * 3차원 모델 좌표계 정점을 2차원으로 바꿔주며, * 면에 그려지는 객체의 색체와 조명 또는 매칭을 하는 과정들 투영 -> 클리핑 -> 은면처리 -> 쉐이딩 -> 매핑 순으로 이뤄지며투영은 3차원 모델을 2차원 스크린에 비춰주고클리핑은 디스플레이 밖 오브젝트 부분을 처리해주는 과정이며은면은 오브젝트의 보이지 않는 부분과 보이는 부분을 처리해주고쉐이딩은 음영, 조명빛, 광원빛, 반사광, 투명빛 등을 처리합니다매핑은 오브젝트..

Next.js에서 폰트를 추가 하고 싶은데 내 기준 가장 쉬운 방법은  먼저 폰트를 다운로드 한다.https://fonts.google.com/noto/specimen/Noto+Sans+KR Noto Sans Korean - Google FontsNoto is a global font collection for writing in all modern and ancient languages. Noto Sans KR is an unmodulated (“sans serif”) design for the Korean language ufonts.google.comNotoSans는 두부라고 해서 글자가 깨질 때 네모네모 되는 것이 특징인데 되게 재밌는 거같다.  무튼 다운로드한 폰트를 public밑에 폴더를 만들..

참고자료 : https://www.youtube.com/playlist?list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU - === 타입까지 확인. ex). 1 === ‘1’ false 1 === 1 true - == 타입 상관없이 값 같은 것을 확인 ex). 1 == ‘1’ true - prompt : 입력 창 - alert : 창 띄우기 - 배열 - 배열 명령어 - push 1개 추가 - concat 여러 개 추가 - unshift 맨 앞에 추가 - splice (원하는 자리, 삭제 개수, 원하는 값) →삭제된 거 반환 - sort 정렬 - reverse 역순 - 객체는 클래스로 봐도 됨, 변수 뿐만 아니라 함수도 가능. - 예시 var emptyObject = {}; conso..

● @babylonjs/core   - Scene    https://doc.babylonjs.com/typedoc/classes/BABYLON.Scene    const OnSceneReady = (이름명:scene: Scene)⇒{}    - FreeCamera    https://doc.babylonjs.com/typedoc/classes/BABYLON.FreeCamera    new FreeCamera(이름명:”camera”, 위치: new Vector3(0,1,-5),scene);     - Vector3    https://doc.babylonjs.com/typedoc/classes/BABYLON.Vector3    new Vector3(_*x,_*y,_z);    - HemisphericLi..

타입스크립트란, 마이크로소프트에서 구현한 JavaScript의 슈퍼셋(Superset) 프로그래밍 언어. 확장자로는 .ts를 사용[1]하며, 컴파일의 결과물로 JavaScript 코드를 출력한다. 최종적으로 런타임에서는 이렇게 출력된 JavaScript 코드를 구동시키게 된다. 타입스크립트를 사용하려면 npm이 필요하다. Node.js를 설치하면 npm이 자동으로 설치된다. npm을 설치하고 나면 터미널이나 명령 프롬프트에서 npm i -g typescript 를 입력하면 타입스크립트 컴파일러(타입스크립트 → 자바스크립트 변환기)가 설치된다. 타입스크립트에선 함수를 객체처럼 사용할 수 있어. 함수를 변수에 할당하거나, 함수를 반환하거나 하는 등의 작업을 할 수 있다. => 자바스크립트에서 함수는 일급 객..