본문 바로가기

JavaScript/CesiumJS4

[CesiumJS] 2. CesiumJS Quickstart 따라하기(2) https://insuisinsu.tistory.com/20 [CesiumJS] 2. CesiumJS Quickstart 따라하기 서버 실행하고, Hello world 까지 띄웠다. 이번에는 Quickstart 를 따라서 Cesium의 viewer 를 띄어본다. https://cesium.com/learn/cesiumjs-learn/cesiumjs-quickstart/ CesiumJS Quickstart This tutorial demonstrates how to set up a basic Ce insuisinsu.tistory.com 에러가 나면서 끝났다. 01. [webpack-cli] Error: Cannot find module 'mini-css-extract-plugin' mini-css-ext.. 2023. 4. 10.
[CesiumJS] 2. CesiumJS Quickstart 따라하기 서버 실행하고, Hello world 까지 띄웠다. 이번에는 Quickstart 를 따라서 Cesium의 viewer 를 띄어본다. https://cesium.com/learn/cesiumjs-learn/cesiumjs-quickstart/ CesiumJS Quickstart This tutorial demonstrates how to set up a basic Cesium app on a web page. cesium.com 01. 위 링크에서 중간쯤 보면 Install with NPM 부분이 있다. 이미 설치를 완료했기 때문에 예제코드를 따라해 본다. - index.html 의 에 viewer 가 들어간 디비젼을 만들어준다. - src > index.js 에 예제코드를 넣는다. -- 우선 되는 것 확.. 2023. 4. 10.
[CesiumJS] 1. Node.js 설치 및 프로젝트 생성과 CesiumJS 설치 01. Node.js 설치 아래 링크에서 LTS 버전으로 다운로드 받아서 설치 https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 02. npm 을 통한 프로젝트 생성 a. 프로젝트 폴더 생성 터미널에서 원하는 경로로 이동 후 .. 프로젝트 폴더 생성 및 이동 > mkdir cesiumProject > cd cesiumProject b. 프로젝트 생성 > npm init -y 그림처럼 package.json 파일이 생성되면 성공 03. Cesium 및 필요 라이브러리 설치 // jQuery 등 -- 라이브러리의 문서에 보면 종.. 2023. 4. 7.
[CesiumJS] 0. CesiumJS 는 무엇인가? .. 2023. 4. 7.