react 22

React 3D 웹앱 - 2. Three.js

React 3D 웹앱 Basic 시리즈입니다. React 3D 웹앱 - 1. 개요 React 3D 웹앱 - 2. Three.js React 3D 웹앱 - 3. 3D 모델 React 3D 웹앱 - 4. 3D 뷰어 Github 이전 시간엔 React 개발 환경과 React 앱 구조에 대해 알아봤습니다. 이번 시간에는 3D를 그려봅니다. 3D 기술을 단번에 이해하기는 쉽지 않아요. 그렇다고 이론만 깊게 들여다 보면 질려버리죠. 매일 조금씩 꾸준히 공부하다 보면 질리지 않고 어느새 3D에 익숙해진 당신을 보게 될 겁니다. 저의 미흡한 시리즈를 보면서 따라하는 것도 좋은 방법이겠네요! 예제 코드(full version) Three.js 오늘의 재료는 three.js 라는 자바스크립트 라이브러리인데요, 웹에서 3D..

IT/3D Web 2021.03.11

React 3D 웹앱 - 1. 개요

React 3D 웹앱 Basic 시리즈입니다. React 3D 웹앱 - 1. 개요 React 3D 웹앱 - 2. Three.js React 3D 웹앱 - 3. 3D 모델 React 3D 웹앱 - 4. 3D 뷰어 Github 빠르고 간결하게 React 기반 3D 웹앱을 만들어 봅시다. 먼저 개발환경을 설정합니다. Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 페이지에서 최신 LTS 설치하시면 됩니다. (v14.60.0, 2021년 3월 기준) Tip> Node.js는 자바스크립트를 실행 가능한 소프트웨어 플랫폼입니다. React는 자바스크립트 라이브러리로 알려져 있지..

IT/3D Web 2021.03.11