전체 글 307

ol.Interaction 몇가지

1.Modify : 벡터 피처를 수정. 기존의 점, 선, 면과 같은 기하 도형의 위치나 형태를 변경 (+alt키 누르고 클릭시 꼭지점 없앨 수 있음.) 2.Translate : 객체를 한 위치에서 다른 위치로 이동 3.Draw : 새로운 벡터 피처(점, 선, 면 등)를 그리는 데 사용 4.Snap : 피처를 그리거나(draw) 수정할 때(modify) 다른 피처에 자동으로 '붙도록' 하는 기능을 제공. 정확한 위치에 피처를 배치하고자 할 때 유용 /** * 1.Modify : 벡터 피처를 수정. 기존의 점, 선, 면과 같은 기하 도형의 위치나 형태를 변경 (+alt키 누르고 클릭시 꼭지점 없앨 수 있음.) 2.Translate : 객체를 한 위치에서 다른 위치로 이동 3.Draw : 새로운 벡터 피처(점..

카테고리 없음 2024.04.19

클로저(closure)와 this 컨텍스트를 강제로 설정하는 방법

클로저(closure)를 활용한 예시입니다. 클로저는 함수와 그 함수가 선언될 당시의 렉시컬 환경(lexical environment)과의 조합으로, 이를 통해 함수가 자신이 선언될 때의 스코프에 있는 변수를 기억하고 접근할 수 있게 됩니다. 이러한 특성 때문에 클로저는 이벤트 핸들러나 콜백 함수에서 특정 데이터를 참조하고 싶을 때 유용하게 사용될 수 있습니다. // 클릭 이벤트 리스너에 클로저 사용 tr.addEventListener('click', ((data) => () => { // 클릭 시 수행할 작업 console.log('Selected:', data); // 예: 클릭한 주소의 상세 정보 표시 })(storage)); // 클로저를 활용하여 각 행의 특정 데이터에 접근 함수의 this 컨텍..

카테고리 없음 2024.04.01

[Eclipse] 톰캣 404 에러

[Eclipse] 톰캣 404 에러 https://velog.io/@min-zi/%ED%86%B0%EC%BA%A3-404-%EC%97%90%EB%9F%AC [Eclipse] 톰캣 404 에러 velog.io https://java119.tistory.com/17 [Eclipse] 잘되던 프로젝트가 갑자기 안될때(feat.HTTP 404) 이 글은 이클립스(IDE) 기반으로 설명합니다. 어제까지 잘되던 프로젝트가 내일 출근하고 보니 맛(?)이 갈 때가 있습니다. 바아로 따라해봅시다 1.Project 2.Clean… 1.Servers 탭 2.Tomcat version Server at local java119.tistory.com

삽질 기록-error 2024.03.28

<span>과 <div> 차이

과 는 HTML에서 요소를 그룹화하거나 스타일링하기 위해 사용되는 두 가지 다른 태그입니다. 그들의 주요 차이는 다음과 같습니다: 블록 레벨 요소 vs 인라인 요소: 는 "블록 레벨 요소"로 분류됩니다. 이는 가 새로운 줄에서 시작하며, 가능한 전체 가로 폭을 차지하려고 한다는 것을 의미합니다. 따라서 일반적으로 레이아웃의 큰 구획을 형성하는 데 사용됩니다. 은 "인라인 요소"로 분류됩니다. 이는 이 새로운 줄에서 시작하지 않으며, 내용의 너비만큼만 공간을 차지한다는 것을 의미합니다. 주로 텍스트 내부의 작은 부분을 스타일링하거나 구분하기 위해 사용됩니다. 기본 사용 목적: 는 다른 HTML 요소들을 그룹화하고 레이아웃을 구성하는 데 사용됩니다. 예를 들어, 웹사이트의 헤더, 바디, 푸터 등을 구분할 때..

카테고리 없음 2024.03.26

dblink 활용해서 다른 서버의 DB데이터 가져오기

https://www.bearpooh.com/145 PostgreSQL의 dblink로 원격 Database 사용하기 오픈소스 데이터베이스인 PostgreSQL의 dblink사용법에 대해 정리한다. PostgreSQL 소개와 Docker를 사용하여 설정하는 방법은 아래 포스팅을 참고한다. Docker로 PostgreSQL 사용하기 RDBMS에서 가장 유명한 것 www.bearpooh.com https://asleeplessnight.tistory.com/61 [Postgresql] dblink 사용하기 흐릿한 이미지는 클릭하면 확대 됩니다. 서로 다른 DB를 연결하기 위해서는 같은 시스템 내에 있어도 dblink를 이용하여 연결해야 한다. dblink란, 데이터베이스 세션 내에 다른 데이터베이스로의 as..

카테고리 없음 2024.03.18

웹서버, WAS서버, DB서버 (3-tier 물리적 구성)

웹서버, WAS서버(웹 애플리케이션 서버), 그리고 DB서버(데이터베이스 서버)는 일반적으로 웹 기반 애플리케이션을 호스팅하고 운영하는 데 사용되는 서버 유형입니다. 각각의 서버는 특정 작업을 수행하기 위해 최적화되어 있으며, 함께 사용될 때 보다 효율적인 서비스 제공이 가능합니다. 웹서버: 클라이언트(보통 웹 브라우저)로부터 HTTP 요청을 받고, HTML 문서나 이미지 같은 정적 컨텐츠를 제공합니다. Apache, Nginx 같은 웹서버 소프트웨어가 이 역할을 합니다. WAS(웹 애플리케이션 서버): 동적인 컨텐츠를 제공하기 위해 사용됩니다. 클라이언트의 요청에 따라 데이터를 처리하고, 그 결과를 웹서버를 통해 사용자에게 전달합니다. Java EE, ASP.NET, PHP 같은 다양한 프로그래밍 언어..

카테고리 없음 2024.03.12

토폴로지(topology), 구조화 편집, WFS-T

토폴로지(topology)는 지리 정보 시스템(GIS)에서 공간 객체의 상호 관계와 속성을 기술하는 방법입니다. 토폴로지 처리는 공간 데이터의 기하학적 및 속성적인 상호 작용을 분석하고 해석하는 프로세스를 의미합니다. 이것은 지리 정보 시스템에서 지리 데이터를 이해하고 조작하는 데 필수적인 작업 중 하나입니다. 토폴로지 처리의 핵심 개념과 작업에는 다음과 같은 것들이 포함될 수 있습니다: 점, 선, 다각형의 관계 분석: 토폴로지 처리는 지리 데이터의 기하학적인 형태뿐만 아니라, 이러한 기하학적 요소들 간의 관계도 고려합니다. 예를 들어, 어떤 지역이 다른 지역에 포함되어 있는지, 또는 어떤 선이 다른 선과 교차하는지 등의 정보를 분석할 수 있습니다. 네트워크 분석: 도로망, 전력망, 수도관 등과 같은 네..

카테고리 없음 2024.01.23

fetch함수

이전에 했던 프로젝트는 아주 오래동안 이어져 온 프로젝트였었다. (프론트는 ES6이전의 문법이 대부분이었다) 자바스크립트를 여기와서 처음 써봤기 때문에 거의 그 프로젝트에서 사용되는 것들만 익혔었다. 정확히는 오픈레이어스 위주로 했다고 봐야겠지. 계속 제대로 자바스크립트 공부를 한번 해야한다고 생각은 하고 있었는데 이번에 들어가게 된 프로젝트는 최신 문법들을 사용해서 이제 진짜 발등에 불이 떨어져버렸다.. 기본적인 js와 ES6문법, 모듈화.. 등등.. ajax만 써봤는데 요즘은 fetch를 더 많이 쓴다기에 찾아봄. axios도 있잖아..? 아아.. 교육받을 때 프론트 분들이 axios를 주로 사용했던 기억이 얼핏난다. https://cocoon1787.tistory.com/756 [개발상식] Ajax..

카테고리 없음 2024.01.22