나의 개발일지

# Three.js란?- Three.js는 웹페이지에 3D 객체를 쉽게 랜더링할 수 있도록 도와주는 Javascript 3D 라이브러리- WebGL을 쉽게 사용할 수 있도록 해주는 JS 기반 라이브러리- WebGL 기술을 기반으로 랜더링과 카메라, 조명 등의 3D 프로그래밍 기술을 간단하게 사용할 수 있음# Three.js 를 사용하기 위한 기본 개념* CameraPerspectiveCamera- 원근감이 존재하는 일반적인 카메라OrthographicCamera- 원근감이 존재하지 않는 카메라fov : 시야각aspect : 카메라의 가로, 세로 비율near : 카메라가 가장 가까이 잡을 수 있는 곳far : 카메라가 가장 멀리 잡을 수 있는 곳* Scene- 배경 및 장면* Mesh- 배경, 장면에 올라..

# Vite란?- 속도 빠른 웹 개발용 빌드 도구- Node.js가 설치되어 있어야 사용 가능- Create React App대신 사용하여 리액트 프로젝트를 생성 가능 # Vite 설치npm create vite@latest ${디렉터리 명} -- --template ${템플릿 명}### ex) vite를 chapter02-threejs 명으로, 바닐라 템플릿으로 빈 프로젝트 생성 npm create vite@latest chapter02-threejs -- --template vanilla -  vite 프로젝트를 생성할 디렉터리로 이동하여 설치 → 아래와 같은 디렉터리 생성  # 지원중인 Vite 템플릿  # 실행cd chapter02-threejs # 생성한 프로젝트로 이동npm installnpm..

# 문제 설명 # 문제  # 예시 # 풀이SELECT USER_ID, PRODUCT_IDFROM ONLINE_SALEGROUP BY USER_ID, PRODUCT_IDHAVING COUNT(USER_ID) >= 2ORDER BY USER_ID ASC, PRODUCT_ID DESC 동일한 회원이 동일한 상품 → 회원 ID(USER_ID). 상품 ID(PRODUCT_ID)로 그룹을 나눔 : GROUP BY재구매한 데이터 → 그룹으로 나눈 데이터의 수가 재구매이기 떄문에 2번 이상 : COUNT(USER_ID) >= 2 * GROUP BY ~ HAVING더보기# GROUP BY ~ HAVING지정한 컬럼을 그룹으로 나눌 수 있음 (여러 컬럼 가능)그룹화한 결과에 조건을 걸고 싶은 경우 HAVING이용GORUP..

# 문제 설명 # 문제  # 예시 # 풀이 SELECT PT_NAME, PT_NO, GEND_CD, AGE, NVL(TLNO, 'NONE') AS TLNOFROM PATIENT WHERE AGE

# 문제 설명 # 문제 # 예시 # 주의사항   # 풀이 (Oracle)SELECT MEMBER_ID, MEMBER_NAME, GENDER, TO_CHAR(DATE_OF_BIRTH, 'YYYY-MM-DD') AS DATE_OF_BIRTHFROM MEMBER_PROFILE WHERE TO_CHAR(DATE_OF_BIRTH, 'MM') = '03' -- 생일 3월 AND GENDER='W' -- 성별 여성 AND TLNO IS NOT NULL -- 전화번호 NULL 제외 ORDER BY MEMBER_ID ASC -- 회원ID를 기준으로 오름차순