feature가 모두 다운로드 되지 않음지오서버에 레이어를 등록되어있는 레이어의 shp 파일이 필요하여 다운로드를 받았다. 내가 원하는건 대한민국 전체 시군구 지도 레이어인데 아래와 같이 feature들이 모두 다운로드 되지 않았다. GeoServer에서 기본적으로 WMS (Web Map Service) 요청에 의해 반환되는 레이어 목록은 50개로 제한될 수 있기 때문인데 최대로 다운받을 수 있는 feature의 개수를 수정해야 한다. 다운받을 수 있는 feature 개수 수정 피처 항목에서 "미리보기에서 최대 피처 수"가 50으로 설정되어 있는 것을 확인할 수 있다. "값이 0보다 크면 최대 피처수 사용" 이라는 말은 0으로 설정하면 최대 피처수를 제한하지 않는다는 말이다. 다운로드 받을 featur..
MDN 문서에는 console.log에 대해 이렇게 설명하는 부분이 있다. "객체에 대한 정보는 게으르게 검색됩니다." 이게 정확히 무슨 뜻일까? 예시예를들어 아래와 같은 코드가 있다.let obj = { count: 0 };console.log(obj);obj.count = 1; 우리는 console.log의 결과를 보통 다음과 같이 예측할 것이다. 그러나 객체를 펼쳐보면 count가 1이라는 결과를 확인할 수 있다.도대체 어떻게 된 것일까? console.log는 참조를 출력한다 console.log는 객체나 배열을 참조로 전달하기 때문에, 출력할 때 해당 객체의 값이 나중에 변경된다면, 변경된 값이 출력될 수 있다. console.log가 객체의 참조를 저장하고, 실제로 콘솔에서 객체를 펼칠 때 ..
2차원 배열 생성을 위해 2중 for문 등 여러가지 방법이 있겠지만 간편하게 Array를 사용하는 방법이 있다. 0이 5개 채워진 배열을 만드는 방법new Array와 fill을 사용해서 생성 가능하다.const result = new Array(5).fill(0) // [0, 0, 0, 0, 0] 0이 5개 채워진 배열을 2차원으로 생성하는 방법Array.from을 사용하며 new 생성자를 사용하지 않는다.또한 length 옵션을 통해 생성하고자 하는 배열의 길이를 설정할 수 있다.const result = Array.from({ length: 5 }, () => new Array(5).fill(0)); /*[[0, 0, 0, 0, 0],[0, 0, 0, 0, 0],[0, 0, 0, 0, 0],[0..
사내 내부망에서 개발 후 외부 출장지에서 급하게 변경할 일이 있었다. 사내 내부망에도 반영하기 위해 열어놓은 외부 주소를 통해 git 저장소 변경이 필요해서 아래 명령어로 변경했다. GIT 주소 변경 명령어git remote set-url origin [변경할 URL] 변경 후 확인 명령어git remote -v
html2pdf.js 설치NPMhttps://www.npmjs.com/package/html2pdf.js html2pdf.jsClient-side HTML-to-PDF rendering using pure JS. Latest version: 0.10.2, last published: 15 days ago. Start using html2pdf.js in your project by running `npm i html2pdf.js`. There are 136 other projects in the npm registry using html2pdf.js.www.npmjs.com 2024.07.16 기준 NPM 사이트에 아래와 같은 문구가 있어 0.9.3 버전을 설치했다. 설치한 라이브러리는 그냥 html2p..
개발환경React 18Typescript 4Webpack 5styled-componentsSVGR 원래는 React에서는 SVG를 사용할 때 아래와 같은 방법을 주로 사용했다.import { ReactComponent as Logo } from "assets/images/logo.svg"; 그러나 Webpack5, Typescript 등 새로운 환경에서는 기존 방법이 잘 작동하지 않아 SVGR 라이브러리를 설치하여 사용하고 있다. 그러면서 아래와 같은 문법을 주로 사용하여 SVG를 호출하고 있었다.import CancelSvg from "assets/images/cancel.svg"; 위와 같은 방법으로 잘 사용하고 있었으나 체트박스 컴포넌트를 만들면서 background-image에 url을 넣는 ..
styled-components의 createGlobalStyle을 활용하여 GlobalStyle을 적용하려고 한다. 개발환경React 18TypeScriptStyled-Componentswebpack styled-nomalize & styled-reset 설치npm i styled-normalizenpm i styled-resetstyled-normalize브라우저 간의 기본 스타일 차이를 줄이면서 일관된 스타일을 제공하는 normalize.css를 CSS-in-JS 환경에서 사용할 수 있게 하는 유틸리티styled-reset모든 브라우저의 기본 스타일을 제거하여 일관된 초기 상태를 제공하는 reset.css를 CSS-in-JS 환경에서 사용할 수 있게 하는 유틸리티 webpack.config.js ..
대한민국 지도 shp 파일을 좀 더 단순화시키기 위해 simplify를 진행한다. Map Shaper 접속 https://mapshaper.org/ mapshaperDrop, paste or select files to import. Shapefile, GeoJSON, TopoJSON, KML and CSV formats are supported. Files can be zipped or gzipped.mapshaper.org 파일 업로드dbf, shp, shx, prj 파일을 Drag & Drop으로 업로드 dbf, shp, shx 만 업로드 후 과정 진행시 좌표계를 맞추는데 어려움이 많았다.prj파일을 함께 업로드하여 좌표계를 설정해준다. 인코딩 인코딩이 EUC-KR인 경우 아래 옵션 입력 enc..
