본문 바로가기

전체 글154

오일러(Euler) vs. 쿼터니언(Quaternion) 오일러(Euler) vs. 쿼터니언(Quaternion)Three.js에서 3D 객체를 회전시키는 방법에는 오일러 각(Euler Angles)과 쿼터니언(Quaternion) 두 가지가 있습니다. 이 두 개념은 각각 장단점이 있기 때문에, 사용 목적에 따라 선택해야 합니다.1. 오일러(Euler) 각특징X, Y, Z 축을 기준으로 회전을 적용하는 방식각 축에 대한 개별적인 회전 값을 직접 설정할 수 있음사람이 이해하기 쉬움 (각도 단위로 표현)단점짐벌 락(Gimbal Lock) 문제가 발생할 수 있음→ 특정 각도에서 하나의 회전 축이 다른 축과 정렬되면서 자유도를 잃는 현상연속적인 회전이 부드럽지 않을 수 있음예제cube.rotation.set(Math.PI / 4, Math.PI / 4, 0); //.. 2025. 2. 1.
THREE.Euler THREE.EulerThree.js에서 Euler 클래스는 오일러 각(Euler Angles)을 사용하여 3D 객체의 회전을 설정하는 데 사용됩니다. 오일러 각은 x, y, z 축을 기준으로 회전 각도를 정의하며, 회전 순서를 지정할 수도 있습니다.기본 사용법import * as THREE from 'https://cdn.jsdelivr.net/npm/three@latest/build/three.module.js';// 씬, 카메라, 렌더러 생성const scene = new THREE.Scene();const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);const renderer = .. 2025. 2. 1.
DeepSeek로 인해 엔비디아(NVIDIA) 주가가 떨어지는 이유 DeepSeek로 인해 엔비디아(NVIDIA) 주가가 떨어지는 이유1. 엔비디아는 어떤 회사인가요?엔비디아는 그래픽 처리 장치(GPU)를 만드는 회사입니다. 원래는 게임용 그래픽 카드로 유명했지만, 최근에는 인공지능(AI) 개발에 필수적인 고성능 칩도 판매하고 있습니다. AI를 개발하는 기업들은 엔비디아의 GPU를 많이 사용하기 때문에, AI 산업이 성장할수록 엔비디아도 많은 돈을 벌 수 있습니다.2. DeepSeek는 어떤 역할을 하나요?DeepSeek는 중국에서 개발한 강력한 AI 모델입니다. AI 모델을 훈련하고 실행하려면 보통 엔비디아의 GPU가 많이 필요하지만, DeepSeek는 중국 기업들이 자체적으로 개발한 AI 칩(반도체)을 사용할 가능성이 큽니다. 즉, DeepSeek가 널리 사용될수록 .. 2025. 1. 31.
딥시크(DeepSeek)와 ChatGPT 비교 딥시크(DeepSeek)와 ChatGPT 비교딥시크(DeepSeek)와 ChatGPT는 모두 인공지능(AI) 언어 모델이지만, 개발한 회사와 기술적인 방식에서 차이가 있습니다. 비교 항목딥시크(DeepSeek)ChatGPT개발한 회사DeepSeek AI (중국)OpenAI (미국)출시 시기2023년 말~2024년 초2022년 (GPT-3.5), 2023년 (GPT-4)기본 기술인공지능이 스스로 학습하는 방식인공지능이 질문에 답하는 방식주요 모델DeepSeek-67B, DeepSeek-MoEGPT-3.5, GPT-4, GPT-4-turbo똑똑한 정도67B(670억 개) 이상의 학습 데이터 사용GPT-4의 경우 1조 개 이상의 데이터(추정)언어 지원중국어를 가장 잘함, 영어도 지원영어를 가장 잘함, 한국어 .. 2025. 1. 31.
requestpointerlock API requestpointerlock APIrequestPointerLock는 웹 브라우저에서 마우스 포인터를 특정 요소에 고정하고, 마우스 이동을 JavaScript에서 직접 제어할 수 있도록 하는 메서드입니다. 주로 3D 게임, 360도 뷰어, 마우스 드래그 기반 애플리케이션에서 사용됩니다.사용법element.requestPointerLock();여기서 element는 마우스 포인터를 고정할 HTML 요소입니다.Pointer Lock 동작 방식element.requestPointerLock()을 호출하면 브라우저가 마우스 포인터를 숨기고, 특정 요소에 포커스를 맞춥니다.이후 mousemove 이벤트에서 마우스의 상대적 이동 값을 감지할 수 있습니다.사용자가 Esc 키를 누르거나 document.exitP.. 2025. 1. 31.
DispatcherServlet web.xml DispatcherServlet web.xmlWEB-INF/web.xml은 서블릿 기반의 스프링 MVC 애플리케이션에서 설정 파일로 사용되며, DispatcherServlet을 정의하고 애플리케이션의 주요 서블릿을 설정하는 역할을 합니다.최근에는 Spring Boot에서 자동 설정을 제공하기 때문에 web.xml을 사용하지 않는 경우가 많지만, 전통적인 스프링 MVC 프로젝트에서는 여전히 중요한 설정 파일입니다.1. DispatcherServlet이란?DispatcherServlet은 프론트 컨트롤러(Front Controller) 역할을 수행하며, 들어오는 모든 HTTP 요청을 중앙에서 제어합니다.클라이언트의 요청을 받아서 적절한 컨트롤러로 전달컨트롤러에서 반환한 데이터를 기반으로 뷰를 렌더링web.x.. 2025. 1. 26.

티스토리툴바