방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com Parcel4 프론트와 백그라운드 개발 환경 분리, 파셀(Parcel) 파셀(Parcel)은 나온지 얼마되지 않는 젊은(?)축에 속하는 기술 입니다. 웹 어플리케이션 번들러라고 불리는 파셀의 정의는 아래와 같습니다. Parcel은 워커 프로세스를 이용하여 멀티코어 컴파일을 가능케 하고, 심지어 재시작 후라 해도 빠른 리빌드를 할 수 있도록 파일시스템 캐시를 갖고 있습니다. 말이 쉽지가 않는데, 요약을 하면 장황하게 쓰여진 자바스크립트(Javascript)와 각종 css, 기타 파일들을 한번에 압축 및 정리하여 배포 가능한 형태로 만들어주는 역할을 하는 번들러 입니다. - 번들러(bundler) : 지정한 단위로 파일들을 하나로 만들어 요청에 대한 응답으로 전달할 수 있는 환경을 만들어주는 역할 파셀(Parcel)을 통해 개발 영역을 분리함으로써 앵귤러(Angular) 또는 .. 2021. 1. 5. Openlayers draw circle (오픈레이어스 원 그리기, Openlayers 원 그리기) 오픈레이어스3 에서는 원, 점, 사각형 및 기타 이미지 그리기가 사실 참 쉬웠습니다. 그런데 버전이 4로 올라가면서 불러오는 스크립트의 레이어에 따라서 별칭을 주어야하는 필수 클래스가 존재하여 해당 부분에 유의해야 합니다. 먼저 가장 첫 시간에 사용한 내용에서 화면을 그려주는 클래스를 OLTIlerLayer로 바꾸어 기능을 수정 하였습니다. import Map from 'ol/Map.js'; import OSM from 'ol/source/OSM.js'; import OlTileLayer from 'ol/layer/Tile.js'; //기존 TileLayer에서 교체 import OlView from 'ol/View.js'; import Vector from 'ol/source/Vector.js'; im.. 2019. 9. 19. 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 다음
