JavaScript 필요 정리 - 02
·
개발 - 언어/JavaScript
변수 선언 변수를 선언함에 있어서 다른 언어와는 다른 점이 있다. 수정이 가능한 변수인지, 아니면 수정이 불가능한 변수인지 명시해야 한다. var : 수정이 가능한 변수를 선언할 때 사용. const : 변수의 값이 변경될 일이 없을 때 사용한다. (상수) let : const가 아닌, 값이 변경되는 변수에 사용한다. ※ 첫 단어를 제외한 나머지 단어의 첫 문자를 대문자로 표기 자바스크립트의 boolean은 true, false가 있다. null도 사용할 수 있다. 변수 선언 후 값을 대입하지 않으면, 출력시 undefined라고 표기된다. 자료형 변환 typeof 변수이름 을 통해서 현재 변수에 담긴 값이 어떤 자료형으로 저장되어 있는지 알 수 있다. parseInt("String"); 을 통해서 st..
WebGL 관련 용어 해설 및 정리 - 02
·
개발 - 정보/3D & WebGL
- 3D Tiles Data Format · b3dm : 지형 및 표면, 건물 내부 및 외부, 표면 등 · i3dm : 3D 모델 인스턴스 · pnts : 엄청나게 많은 수의 점(point) · cmpt : 다른형식의 타일을 하나로 연결(합성) ※ 타일 구조(타일셋)와 컨텐츠(타일) - 드로잉 버퍼 · 색상 버퍼 / 심도 버퍼 / 스텐실 버퍼 - 정점 버퍼 객체(VBO) : 정점의 특정 속성(attribute)에 대한 데이터를 보관함 - 파이프라인(Pipe Line) : (웹 애플리케이션 HTML + 자바스크립트 + 쉐이더 소스코드 + 3차원 모델링데이터) → WebGL(자바스크립트 API) → 버텍스 쉐이더 → 프리미티브 어셈블리 → 레스터화 → 프래그먼트 쉐이더 → 가위테스트 → 멀티샘플 프래그먼트 ..
JavaScript 필요 정리 - 01
·
개발 - 언어/JavaScript
※ JavaScript * 비동기처리를 다루는 방법 중 하나. - Promise : 내용은 실행 되었지만 결과를 아직 반환하지 않은 객체 : Pending(대기) / Fulfilled(이행) / Rejected(실패) - 비동기 처리결과에 따라 상태를 갖음 - async/await : callback 이나 Promise의 단점을 해소하기위해 만들어짐. : await를 통해서 Promise의 반환 값을 받아 올 수 있다. ☆ 선행조건 : await는 async 함수 안에서만 동작한다. ○ 차이점 - 에러 핸들링 : Promise 를 활용할 시에는 .catch() 문을 통해 에러 핸들링이 가능하지만, async/await 은 에러 핸들링 할 수 있는 기능이 없어 try-catch() 문을 활용해야 한다. -..
WebGL 관련 용어 해설 및 정리 - 01
·
개발 - 정보/3D & WebGL
- 쉐이더(Shader) : 색조,채도,밝기 대비를 주관하고 이를 조작하여 다양한 조작가능 - Rendering Pipeline : 3D 그래픽을 렌더링할 때 WebGL이 실행하는 단계 - vertex shader(버텍스 쉐이더,정점 쉐이더) : 버텍스 정보에 수학적인 연산을 해 물체에 효과를 주는 쉐이더 : 버텍스에 입힐 수 있는 다양한 정보들(좌표,색상,텍스처,조명 등)을 데이터로 가져와 변환 - fragment shader(프래그먼트 쉐이더) : rasterization shader는 각 픽셀을 렌더링하여 최종 픽셀 출력 색상을 결정 : 색을 입히는 것 - attribute(애트리뷰트) : 버텍스 쉐이더와 WebGL간의 버텍스 데이터 연결/버텍스 셰이더에서 사용하는 입력변수 : 버텍스 좌표/생상,텍..
GitHub Copilot
·
일상
Copilot = OpenAI의 GPT-3 모델을 이용하여 깃허브의 수많은 레포지토리들을 학습시킨 자동 코드 완성 인공지능. 깃허브의 레포지토리들을 기반으로 해서 데이터들을 이용한 러닝과 코드를 자동완성.. 여름쯔음 'Copilot'이 처음 선보인걸로 기억하는데 ..깃허브와 미국 인공지능 연구소 'OPEN AI'의 협력으로 개발되었다고 한다. 처음에는 엄청 대단하고 신기하다고 느꼈지만 다른 프로그래머의 작품을 훔쳐 쓸 수 있다는것도 조금 그렇다고 생각했다. 게다가 이게 '학습'인건지 '카피'인건지 구분하기도 힘든부분이 있을것이 분명하고, 제일 중요한점은 '라이센스'문제이다. MIT라이센스는 그렇다 할 수 있지만 GPL 라이센스는 문제가 될수 있다고 하니.. 아직까지는 프로그래머가 건재하다는 신호같다.
[vue/no-multiple-template-root] 에러
·
개발 - 언어/Vue
안에 여러개의 를 넣으려고 하니 나는 에러. 나는 Vue3로 생성을 했는데도 문제였는데... 아마 ESLint에서 읽는게 Vue3여도 작업환경을 Vue2로 읽어들이는것 같다. ※ 스택오버플로우 참조 F1>Preferences:Open Settings (JSON) 설정으로 들어가서 "vetur.validation.template": false, "vetur.validation.script": false, "vetur.validation.style": false, 를 추가 시켜주니 문제없이 잘 작동함 ! 이걸 해줘도 잘 되지 않는다면 package.json의 rules에 저 항목을 추가시켜주자 !!
수토리지
Code_Sootorage