폴리프레임

🚨 Build failed. Error: Expected content key d8b7e5f9e0405599 to exist parcel를 사용하다보면 한번 쯤 만나 당황하게 됩니다. 이 것은 관련 라이브러리 오류에서 발생되어, 수정해도  cache 참조하는 경향에서 발생하므로,  .parcel-cache폴더를 삭제하고, 다시  빌드하면 됩니다.

JavaScript 2024. 9. 10. 08:47

클래스 본문에서 멤버 변수를 선언하고 생성자에서 초기화하는 방법 class App {// 멤버 변수 선언 private domApp: Element; // private 멤버 변수 선언 private renderer: THREE.WebGLRenderer; // private 멤버 변수 선언 private scene: THREE.Scene; // private 멤버 변수 선언 private camera?: THREE.PerspectiveCamera; // private 멤버 변수 선언 (optional) // 생성자에서 멤버 변수 초기화 constructor() { this.domApp = document.querySelector('#app')!;..

JavaScript 2024. 8. 30. 08:32

1. Object Literal (객체 리터럴)const person = { name: "John", age: 30, greet: function() { console.log("Hello, " + this.name); }};console.log(person.name); // "John"person.greet(); // "Hello, John"** 가장 간단하고 직관적인 방법으로 중괄호 {} 로 감싸서 생성합니다. 2. Object constructor ( 객체 생성자 )const person = new Object();person.name = "Jane";person.age = 25;person.greet = function() { console.log("Hi, " + this.name);..

JavaScript 2024. 8. 16. 09:36

생성자 함수(Constructor Function)와 팩토리 함수(Factory Function)는 모두 객체를 생성하는 데 사용되지만, 각각의 방식에는 고유한 특징과 장단점이 있습니다. 이들 방법을 구분하여 사용하는 이유는 코드의 유연성과 목적에 따라 다릅니다.  1. 생성자 함수 (Constructor Function)  new 키워드 필요: 생성자 함수는 new 키워드를 사용하여 호출됩니다. new를 사용하면 함수가 암묵적으로 객체를 반환하고, 함수 내부의 this는 새로 생성된 객체를 가리킵니다.프로토타입 체인: 생성자 함수로 생성된 객체는 해당 함수의 프로토타입 객체에 연결됩니다. 이로 인해 생성된 모든 객체가 프로토타입에 정의된 메서드와 속성에 접근할 수 있습니다.메모리 효율성: 생성자 함수에..

JavaScript 2024. 8. 16. 08:18

순환 참조(Circular Reference)는 객체 내의 속성이 다시 자기 자신이나 자기 자신을 포함하는 다른 객체를 참조하는 구조를 말합니다. 순환 참조가 있는 경우, 객체를 JSON으로 직렬화(문자열화)하는 과정에서 문제가 발생할 수 있습니다. 반면, 순환 참조가 없는 경우에는 이런 문제가 발생하지 않습니다.  순환 참조가 없는 경우 const person = { name: "Alice", friend: { name: "Bob", age: 30 }};// friend는 person을 참조하지 않으므로 순환 참조가 없습니다.** person객체안에 friend라는 객체가 있지만, 참조하지 않으므로 JSON.stringify(person)사용 할 수 있습니다.** // {"name": ..

JavaScript 2024. 8. 16. 08:09

얕은 복사얕은 복사는 객체의 최상위 속성만 복사하며, 중첩된 객체나 배열은 참조를 공유합니다. 따라서, 복사된 객체의 중첩된 속성을 변경하면 원본 객체도 영향을 받습니다.const original = { name: "John", address: { city: "New York", street: "123 Main St" }};// 얕은 복사const copy = { ...original };// 또 다른 얕은 복사const copy1 = Object.assign( {}, original }// 복사된 객체에서 중첩된 객체 수정, copy1의 경우도 같음copy.address.city = "Los Angeles";console.log(original.address.city); // "Los ..

JavaScript 2024. 8. 16. 07:53

순차 배열 (Indexed Array): 인덱스는 비음수 정수이며, 배열의 요소는 해당 인덱스를 통해 접근됩니다. Array를 사용하여 생성됩니다. 순차 배열(Sequential Array) == 인덱스 배열(Indexed Array)// 순차 배열 예시let colors = ["빨강", "파랑", "초록"];// 인덱스를 사용하여 배열 요소에 접근console.log(colors[0]); // 출력: 빨강console.log(colors[1]); // 출력: 파랑console.log(colors[2]); // 출력: 초록// 배열의 길이를 자동으로 계산console.log(colors.length); // 출력: 3연관 배열 (Associative Array): JavaScript에서는 기본적으로 Ob..

JavaScript 2024. 8. 15. 09:57

Uint8는 Unsigned 8-bit integer의 약자로, 8비트 크기의 부호 없는 정수를 의미합니다. 여기서 unsigned는 정수의 부호(양수 또는 음수)를 저장하지 않는다는 것을 의미하며, 따라서 이 형식으로 표현할 수 있는 값은 모두 0 이상의 양수입니다. 8-bit는 숫자가 표현되는 데이터의 크기가 8비트, 즉 1바이트라는 것을 뜻합니다. 따라서, Uint8은 0에서 255까지의 값을 가질 수 있습니다. 이는 8비트로 표현할 수 있는 모든 가능한 값 (2^8 = 256가지)입니다. 주로 픽셀 데이터, 네트워크 프로토콜, 하드웨어 인터페이스 등에서 사용됩니다. 예를 들어, 이미지를 처리할 때 각 색상 채널(R, G, B)을 0부터 255까지의 값으로 표현하는데, 이때 Uint8이 사용됩니다...

JavaScript 2024. 7. 30. 08:14