carsumin devlog 🍀

하이차트 (HighCharts)순수 자바스크립트로 작성된 차트 라이브러리    하이차트 라이브러리를 사용하기 위해서 script 추가 필요 div 태그에 id를 할당해서 차트가 들어갈 영역을 만들어줌  $(document).ready(function() {//임의의 dataset 객체 생성 (A-Z)const dataObj = {};for(let i=65; i', pointFormat: '{point.x}' } } }, series: seriesData }); //line chart let chart = new Highcharts.Chart({ chart: { renderTo: 'container_line', m..

SHP 파일이란? SHP 파일은 지리정보시스템(GIS)에서 사용되는 데이터 파일 형식지리적인 도형 데이터를 저장하는 데 사용점,선,면 등의 도형을 나타내는 Geometry 데이터와 이와 관련한 속성 데이터 포함 SHP 파일의 구조 SHP 파일을 구성하는 필수적인 파일   (1) .shp : 실제 Geometry 좌표 데이터 저장   (2) .shx : Geometry 데이터의 index 정보가 저장, 도형의 위치를 빠르게 찾기 위함  (3) .dbf : Geometry 데이터에 연결된 속성 데이터가 저장 그 밖의 파일들   (1) .prj : 공간 데이터 좌표계 정보 저장  (2) .cpg : 문자 인코딩방식을 저장  (3) .qix : 공간 데이터의 위치 정보를 색인화하여 저장

OpenLayers 주요객체 1. MapOpenLayers의 핵심 객체로 지도를 생성하고 여러 레이어, 소스 등을 결합하여 화면에 지도 표시함 주요 속성 및 메소드- target : 지도가 랜더링 될 HTML 요소의 ID- layers : 맵에 추가되는 레이어의 배열- view : 지도의 초기 중심점과 확대 수준을 정의하는 View 객체- addLayer() : 지도의 레이어에 새 레이어를 추가- getView() : 현재 맵의 View 객체 반환 2. View지도의 시각적 표현 제어지도의 중심점, 확대/축소 레벨, 회전 등을 설정 주요 속성 및 메소드- center : 지도의 중심점 좌표- zoom : 초기 확대/축소 레벨- rotation : 지도의 회전 각도- setCenter(coordinate)..

Ajax란?Ajax는 Asynchronous JavaScript and XML의 약자로, 비동기적으로 데이터를 서버로부터 가져옴즉, 페이지를 새로고침없이 동적으로 업데이트할 수 있는 웹개발 기술웹 페이지에서 사용자의 입력이나 클릭 등의 이벤트가 발생하면, 페이지를 새로 고치지 않고 서버로부터 필요한 데이터를 비동기적으로 가져와서 페이지의 일부분만 업데이트 할 수 있음비동기 통신데이터를 서버로부터 가져오거나 전송할 때, 페이지를 새로고침하지 않고 백그라운드에서 데이터를 주고받을 수 있는 방식응답이 병렬로 처리되기 때문에 응답이 올때까지 기다리지 않고 다른 작업을 할 수 있음일반적으로 Ajax 요청이나 WebSocket과 같은 실시간 통신에 사용Ajax의 기본 문법 (jQuery)$.ajax({  url: ..

REST - Representational State Transfer- API 작동 방식에 대한 조건을 부과하는 소프트웨어 아키텍처이다.- 복잡한 네트워크에서 통신을 관리하기 위해 만들어졌다.- REST 기반 아키텍처를 사용하여 대규모의 고성능 통신을 안정적으로 지원할 수 있다. RESTful API✔️개념- 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스이다.- 안전하고 신뢰할 수 있으며 효율적인 소프트웨어 통신 표준을 따른다. ✔️작동방식- 인터넷 브라우징과 동일함 1. client가 server에 요청을 전송한다. API 문서에 따라 server가 이해하는 방식으로 요청 형식을 지정2. server가 client를 인증하고 해당 요청을 수행할 수 있는 권한이 cl..