[CesiumJS] 1. Node.js 설치 및 프로젝트 생성과 CesiumJS 설치

01. Node.js 설치

 

아래 링크에서 LTS 버전으로 다운로드 받아서 설치

https://nodejs.org/ko/download

다운로드 | Node.js

 

02. npm 을 통한 프로젝트 생성

 

a. 프로젝트 폴더 생성

 

  터미널에서 원하는 경로로 이동 후

 

  .. 프로젝트 폴더 생성 및 이동

  > mkdir cesiumProject

  > cd cesiumProject

 

b. 프로젝트 생성

  > npm init -y

 

그림처럼 package.json 파일이 생성되면 성공

03. Cesium 및 필요 라이브러리 설치  // jQuery 등

-- 라이브러리의 문서에 보면 종류별로 설치 방법이 나와있음

 

.. jQuery 설치

 > npm install jquery

 

-- 설치가 완료되면 package.json 파일의 dependencies 부분에 jquery 가 추가되고 버전이 나타난다.

.. Cesium 설치

> npm install cesium

04. Webpack 설치 및 설정

-- webpack 이란?

 

.. webpack 설치

  > npm install -D webpack

-- -D 는 npm install 옵션 중 하나

-- 설치가 완료되면 node_modules 가 생성된다.

.. webpack 초기화

  > npx webpack init    // npm 아니고 npx 임

 

  -- 여러 메시지가 나오는데, 우선 모두 Y, yes 등등 합니다.

 

-- ES6 선택해줍니다. 

-- 모두 Yes 해주시고, CSS only 선택합니다.

-- 다시 엔터 연타 하다가 npm 선택하고 엔터 하다가 overwrite 선택

 

-- 마지막으로 package.json 에 있는 scripts 부분에

"dev": "webpack-dev-server --mode development",     를 추가합니다.

그래야 개발서버로 돌릴 수 있어요.

 

-- 여러가지 서버를 띄울 수 있는데, 우선 이것만 하겠습니다.

 

05. 서버 실행

 

  > npm run dev