직접 만들면서 배우는 Three.js

ep.1 | 직접 만들면서 배우는 Three.js - Visual Studio Code & 유용한 Extension 설치

이도울 2022. 3. 8. 18:25
SMALL

1. Visual Studio Code를 설치한다.

 

비주얼 스튜디오 코드 또는 코드는 마이크로소프트가 마이크로소프트 윈도우, macOS, 리눅스용으로 개발한 소스 코드 편집기이다. 우리는 이 에디터를 활용하여 Three.js를 활용한 에디터를 만들 것이다. 아래의 링크를 클릭하여 Visual Studio Code를 다운로드 받은 후 설치한다.

 

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

Three.js를 이용한 웹사이트를 만들기 위해 필요한 Visual Studio Code

2.  웹 개발에 유용한 익스텐션을 설치한다.

가장 유용했던 유튜브 '드림코딩 by 엘리'님의 Visual Studio Code 설치 및 Extension 추천 영상! 특히 Live Server를 이용하여 Three.js로 만든 웹사이트를 수정하면서 실시간으로 반영한 사항을 브라우저를 볼 수 있으므로 꼭 설치하기를 바란다.

 

다음에는 Three.js의 Hello World, 3D CUBE 돌리기를 해보도록 하자.

LIST