방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 파셀3 파셀 환경에서의 타입스크립트 적용(parcel with typescript) 파셀환경에서의 타입스크립트를 적용하는 방법입니다. 프로젝트에서 파셀과 타입스크립트 환경은 미리 준비가 되어 있어야 합니다. 이번 내용은 오픈레이어스를(Openlayers) 타입스크립트 환경에서 개발한 내용입니다. 먼저 package.json 내용 입니다. { "name": "open_layers", "version": "1.0.0", "description": "Open layers test project", "main": "index.js", "scripts": { "start": "parcel index.html --global gisMap ", "build": "parcel build --public-url . index.html --global gisMap " }, "author": "", "li.. 2020. 12. 21. Openlayers 사용법 (Openlayers 개발 환경 구성,오픈레이어스 개발환경, Nodejs 활용) 오픈레이어스는 브라우저에서 지도를 활용한 정보를 표출하는 라이브러리 입니다. 네이버지도, 구글지도 및 다음지도 처럼 GIS(geographic information system) 라는 명칭으로 불리우며 지형정보 서버를 따로 구축 할 수 있어서 외부 인터넷이 안되는 곳에서 종종 사용 되기도 합니다. 오픈레이어스가 기존 3.0.X버전에서 4.0.X버전으로 올라감에 따라 문법이 ES6 이상 스타일로 바뀌었으며 일반 개발도구나 환경에서 개발하기에는 기본 세팅이 쉽지가 않습니다. * 2019년도 8월 기준 입니다. 이에 Node.js에서 npm을 활용하여 개발을 하기 쉽게 구성하는 방법을 나열해 보고자 합니다. 먼저 Node.js를 설치하고, 개발도구는 비쥬얼 스튜디오 코드를 설치 합니다. Node.js는 필수로.. 2019. 9. 9. Parcel 웹 어플리케이션 번들러 타입스크립트나 javascript로 잘 짜여진 코드를 webpack으로 압축해서 잘 쓰다보면 require 관련된 오류나 import 때문에 골치아파지는 경우가 있다. 익스플로러에서 자주 만나게 되는 것 같다.. 또한 일일이 import한 내용을 옮기거나 포함시키려면 어려운 경우가 종종 있는데.. parcel 이라는 번들러는 이러한 문제를 간단하게 해결하여 준다. 대상 파일에 명령어를 통해 buiild하게되면 간단하게 파일 1개로 떨구어 준다. https://parceljs.org/ Parcel Blazing fast, zero configuration web application bundler parceljs.org 설치방법 npm install -g parcel-bundler 사용 parcel 대상 .. 2019. 7. 16. 이전 1 다음
