웹개발3 React-Three-Fiber + WebXR (2) 우리가 해볼 것...Mixed Reality(혼합 현실) 위주로 WebXR을 만들 예정이기는 하지만, 대다수는 VR 기기가 없는 만큼 브라우저 상 등장하는 3D 모델의 배치도 고려 대상이다. 현재 구상중인 WebXR 스터디는 크게 두 가지 상호작용을 위주로 고려하고 있다.모델 터치모델 이동필요한 3D 모델을 제작하기 전에, 먼저 간단한 예제 코드들을 테스트 해보며, 랜더링 성능을 파악해보도록 하자. 컨트롤러오큘러스 프로에서는 두 가지 컨트롤러를 제공한다. 하나는 흔히 리모컨과 같이 동작하는 물리적 컨트롤러고, 다른 하나는 실제 손을 사용하는 컨트롤러다. 다행스럽게도 WebXR을 구동할 경우 해당 VR 기기에서 핸드 컨트롤러를 지원하면 자동으로 전환되어 사용할 수 있다. 지난 시간에 테스트한 큐브는 단순히.. 2024. 9. 2. Next.js 시작하기 - Drag and Drop 만들기 (2) MSW + indexedDB 시작하기...지난 시간에 indexedDB에 샘플 데이터가 저장되는 것 까지 세팅을 했다. 오늘은 indexedDB에서 데이터를 가져오는 get API와 데이터를 추가하는 post API 두 개를 만들어 실제로 데이터가 추가되는 것을 해볼 예정이다. indexedDB 데이터를 가져와보자먼저, useQuery를 통해 todoList 데이터를 가져오는 get API 호출 함수를 만들어야 한다.import { useQuery } from "react-query";import axios from "axios";const todoList = async () => { const response = await axios.get("/todoList"); return response.data;};export cons.. 2024. 8. 5. 기술 면접 준비 - HTML, CSS 기본 (3) HTML, CSS!Doctype은 어떤 역할을 하는가 [HTML] DOCTYPE은 무엇이고 왜 필요할까?HTML 버전과 DOCTYPE에 대해 알아보자velog.io어떤 버전의 HTML을 사용할 것인지 브라우저에 알려주는 역할을 한다.이를 선언하지 않으면 같은 내용의 HTML 문서라도 브라우저의 환경에 따라 다른 결과 화면을 출력하는 경우가 발생할 수 있다. 때문에 HTML 문서를 올바르게 실행하기 위해서는 HTML 버전에 맞게 DOCTYPE 선언을 해줘야 한다.html 5 이후부터는 모두 을 사용한다.meta tag로 할 수 있는 것들은 무엇이 있는가?메타 태그란?웹 브라우저가 웹 페이지에 대해서 필수로 알아야 할 정보들을 포함한 테그이다.어떤 문서유형이고, 키워드가 무엇인지, 개발자가 누구인지에 대한 .. 2024. 6. 23. 이전 1 다음 728x90 반응형
