폴리프레임

WebGL(Web Graphics Library)은 주로 소프트웨어와 하드웨어의 조합으로 실행됩니다. 하드웨어 지원GPU (Graphics Processing Unit):WebGL은 기본적으로 GPU를 사용하여 그래픽을 렌더링합니다. GPU는 복잡한 3D 그래픽 및 고성능 2D 그래픽 처리를 가속화하는 데 사용됩니다.대부분의 현대적인 컴퓨터, 노트북, 스마트폰 및 태블릿에는 WebGL을 지원할 수 있는 GPU가 탑재되어 있습니다.드라이버:GPU가 WebGL을 지원하려면 적절한 그래픽 드라이버가 설치되어 있어야 합니다. 드라이버는 하드웨어와 소프트웨어 간의 중개 역할을 합니다.최신 드라이버가 설치되어 있어야 WebGL이 원활하게 실행됩니다.소프트웨어 지원브라우저:WebGL은 웹 브라우저를 통해 실행되며, ..

JavaScript 2024. 5. 26. 14:28

컴포넌트에서 State 않하고 바로 처리 할때에 NaN 를 만나는 경우, 다음 처럼 처리하면 매우 유용합니다. {isNaN(numberTotalMembers - numberMenNum) ? "0" : (numberTotalMembers - numberMenNum).toString()} 더불어 MDN 의 예제를 소개 합니다.isNaN(NaN); // 참isNaN(undefined); // 참isNaN({}); // 참isNaN(true); // 거짓isNaN(null); // 거짓isNaN(37); // 거짓// 문자열isNaN("37"); // 거짓: "37"은 NaN이 아닌 숫자 37로 변환됩니다isNaN("37.37"); // 거짓: "37.37"은 NaN이 아닌 숫자 37.37로 변환됩니다isN..

JavaScript 2024. 5. 23. 13:50

Divider 컴포넌트를 타입스크립트로 만들었습니다.import React, {FC} from 'react';import {View, ViewStyle,StyleProp } from 'react-native';import { COLORS } from "../constants";interface DividerProps { dividerStyle?: StyleProp; width?: number; orientation?: 'horizontal' | 'vertical'; color?: string}const Divider: FC = ({ width = 1, orientation = 'horizontal', color = COLORS.btnLightGray, dividerStyle,}) => { cons..

JavaScript 2024. 5. 23. 08:46

JavaScript의 초기 버전부터 지원되었습니다. IIFE는 함수가 정의되자마자 즉시 실행되는 표현식을 만들기 위해 사용됩니다. 주로 전역 스코프 오염 방지, 클로저를 통한 데이터 은닉, 초기화 코드 실행 등을 위해 사용됩니다.// 초기화 코드 실행(function() {// 초기화 코드 작성 console.log("초기화 완료");})();//또는(function() { console.log("IIFE 실행");}()); let와 const 같은 블록스코프가 없던 시절, 전역변수의 오염방지와 클로저기능에 매우 유용하게 사용할 수 있었습니다.(function() { var message = "IIFE 내부"; console.log(message);})();console.log(typeof mes..

JavaScript 2024. 5. 18. 13:48

ECMAScript 2015 (ES6)1. Let과 Const :  블록 스코프 변수 선언    let x = 10;     const y = 20;   2. 화살표 함수: 간결한 함수 표현    const add = (a, b) => a + b;   3. 클래스: 객체 지향 프로그래밍을 위한 클래스 문법  class Person {     constructor(name) {       this.name = name;     }     greet() {       console.log(`Hello, ${this.name}`);     }   }   4. 템플릿 리터럴**: 백틱(`)을 사용한 문자열 템플릿     const name = "John";      console.log(`Hello, ${nam..

JavaScript 2024. 5. 18. 12:55

선택방지 조치를 하지 않은 사이트에 들어가서, 임의의 타이틀 또는 글을 선택, 마우스 우클릭, "검사" 를 선택하면 정확하게 관련 태그가 하이라이트되어 표기되고, 관련 태그 끝에 "== $0" 을 확인 할 수 있습니다. 이 선택자를 이용하여 다양한 임의 조작을 할 수 있습니다.// 내용 수정$0.innerText = " 수정합니다"// 폰트 칼라$0.style.color = "red";// 배경색$0.backgroundColor = " black"물론 서버에 영향을 주는 코드는 아닙니다. 이러한 조작을 막거나 복사하여 내용을 가져가는 것을 막는 방법에는 다양한 형태가 있습니다.CSS 로 요소 선택방지body { -webkit-user-select: none; /* Safari */ -moz-u..

JavaScript 2024. 5. 18. 12:23

예전에는 __proto__ 속성을 통해 객체의 프로토타입을 나타냈지만, 최신 브라우저에서는 [[Prototype]]으로 표시합니다. 이 변화는 표준화와 명확성을 위해 도입되었습니다.__proto__: 1. __proto__는 객체의 프로토타입에 대한 참조를 나타내는 비표준 속성이었습니다. 모든 객체가 이 속성을 가지고 있으며, 프로토타입 체인을 통해 상속된 메서드와 속성에 접근할 수 있습니다.2. 예전 브라우저에서는 __proto__를 통해 객체의 프로토타입을 확인하고 수정할 수 있었습니다.  [[Prototype]]:1. [[Prototype]]은 객체의 내부 슬롯을 나타내는 표준 표기입니다. 이는 ECMAScript 사양에서 정의된 객체의 프로토타입을 나타내는 내부 속성입니다.2. 최신 브라우저에서는..

JavaScript 2024. 5. 17. 21:34

- assets 폴더에는 react.svg 로고 하나 있음//root 의 package.json{ "name": "basic20240515", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc && vite build", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0" }, ..

JavaScript 2024. 5. 15. 15:34