본문 바로가기

Web Study124

Web Graphics Library (WebGL) 기초 웹상에서 2D 및 3D 그래픽을 렌더링하기 위한 로우 레벨 Javascript API OpenGL ES 2.0을 기반으로 브라우저 엔진에 내장된 HTML5 Canvas 요소 위에 그려진다. 렌더링 가속화를 지원하는 그래픽 하드웨어(그래픽 카드 등)을 활용 별도의 플로그인이 필요 없으며, 웹 브라우저에 내장되어 실행된다. 자바스크립트는 자동 메모리 관리를 지원하기 때문에 메모리를 수동으로 할당할 필요도 없고 WebGL이 자바스크립트의 기능을 상속 받는다. 렌더링이란? 컴퓨터 프로그램을 사용하여 모델에서 이미지를 생성하는 프로세스 소프트웨어 렌더링 : 모든 그래픽 계산을 CPU 도움으로 수행 하드웨어 렌더링 : 모든 그래픽 계산을 GPU에 의해 수행 서버 사이드 렌더링 : 리소스가 충분한 전용 서버 클라이언.. 2023. 9. 27.
리액트 최적화 - react-icons 라이브러리 프로젝트를 진행하면서 구글 크롬 개발자 도구의 lighthood를 이용하고 있다. 매번 최적화 진단을 하면 텍스트 압축을 사용하라는 문구와 만나고 이 문구의 상세 설명을 확인하면 이처럼 사용되는 라이브러리와 압축을 사용하면 적용되는 이점을 확인할 수 있다. 생각보다 낭비되는 데이터 크기가 크므로 해결해야할 사안 중 하나이다. 가장 먼저 만만한 react-icons 를 다뤄보기로 했다... 만, 최적화 방법은 쉽다. 지금 react-icons 는 하나의 파일에 모든 아이콘들이 들어가 있어서 1개의 아이콘만 사용하더라도 모든 아이콘 정보들이 담겨오기 때문에 비효율적인 것이다. 그래서 기존의 라이브러리를 삭제하고 @react-icons/all-files 라이브러리로 변경해주면 각 아이콘에 직접 접근하여 변경해.. 2023. 9. 13.
SQLD - 함수 - 단일행 함수 단일행 함수 1. Select, Where, Order by 절에서 사용 가능 2. 각 행들에 대해 개별적으로 작용 3. 각각의 행에 대한 조작 결과를 리턴 4. 여러 인자를 입력해도 하나의 결과만 리턴 5. 여러 개의 인수를 가질 수도 있다. 6. 함수의 중첩이 가능 단일행 함수의 종류 - 문자형 함수 : 문자를 입력하면 문자나 숫자를 반환 - Lower, Upper, Substr, Length, Ltrim, Rtrim, Trim ... Ascii(문자/숫자) : 문자나 숫자를 아스키코드로 변경 Chr(아스키번호) : 아스키코드를 숫자나 문자로 변경, ex) Chr(10)은 줄바꿈임 Concat(문자열, 문자열2) : 문자열1, 문자열2를 이어줌 - 숫자형 함수 : 숫자를 입력하면 숫자를 반환 - Ab.. 2023. 9. 13.
SQLD - Join 에 대해 Join 두 개 이상의 테이블 들을 연결 또는 결합하여 데이터를 출력하는 것 - 일반적으로 PK나 FK 값의 연관에 의해 Join이 성립되지만, 특별한 경우엔 PK, FK 관계가 없어도 논리적인 값들의 연관만으로 JOin이 성립 가능하다. - 주의할 것은, From 절에서 여러 테이블이 나열되더라도 SQL에서 데이터를 처리할 땐 두 개의 집합 간에만 조인이 일어난다는 점이다. - 테이블에 대한 alias를 적용하여 SQL 문장을 작성했을 때 Where절과 select 절에는 테이블명이 아닌 테이블에 대한 alias를 사용해야 한다. 다만, 하나의 SQL문장 내 유일하게 사용하는 컬럼명이라면 alias를 생략해도 된다. Join이 필요한 이유 - 정규화란 불필요한 데이터의 정합성을 확보하고 이상현상을 피하.. 2023. 9. 10.

티스토리툴바