Career 57

[Openlayers] 오픈레이어스 ol.geom.style 사용방법

이제 좀 오픈레이어스에 대해서 이해가 가기 시작한다. Method const circleFeature = new ol.Feature ({ geometry: new ol.geom.Circle([127, 38], 2), }) 다음과 같이 서클이 있는 상태에서 const circleStyle = new ol.style.Style({ stroke: new ol.style.Stroke ({ color: 'red', width: 5, }), }) 서클 스타일을 다음과 같이 만들어준다. 그리고 circleFeature.setStyle(circleStyle); 서클 객체에다가 setStyle(스타일) 넣어주게 되면 스타일이 적용이 된다. To be continue..

Career/Openlayers 2023.01.19

[Openlayers] 오픈레이어스 LineString 사용 방법

너무 간단해서 깜딱 놀랐다. '점' 찍어봤다면 이건 거의 3분 카레수준으로 해볼수 있을 것이다. Method const lineLayer = new ol.Feature ({ geometry: new ol.geom.LineString([[133, 38],[133, 55]]) }) 다음과 같이 설정해주고 ol.geom.LineString -> 줄 긋는 기능 사용 당연히 줄이니까 좌표를 두개 적어넣어주야한다. featureSource.addFeatures([multiPointFeature, lineLayer]); map.addLayer(featureLayer); lineLayer를 addFeature 해주게 되면 다음과 같이 나타나게된다. 🤑tips addFeature() -> 하나만 addFeatures([..

Career/Openlayers 2023.01.19

[Openlayers] 오픈레이어스 Point 찍는 방법

최근들어 오픈레이어스를 많이 사용하게 되어가지고, 오픈레이어스 공부를 본의아니게 하게 되었다. Method 간단하게, 오픈레이어스의 구조를 설명해보자면 다음과 같은 구조로 이루어져 있다. 말은 즉, 처럼 생각하면 되갰다. BAS에 지도를 띄우고, SVC에 레이어를 가져와서 세팅, VEC는 나머지 측정요소 Point 이제 Point를 찍는 방법에 대해서 알아보자 정말 간단하게 지도에서 "점" 찍는 방법만을 알아본다. /* featureSource 소스를 담아줄 세팅 그릇 역할 */ let featureSource = new ol.source.Vector({ }) /* 실제 Layer를 띄워주게 하는 역할 */ const featureLayer = new ol.layer.Vector ({ source: fe..

Career/Openlayers 2023.01.19

[Openlayers] 오픈레이어스 지도 띄우는 새로운 방법

import 'ol/ol.css'; import Map from 'ol/Map'; import View from 'ol/View'; import TileLayer from 'ol/layer/Tile'; import OSM from 'ol/source/OSM'; var map = new ol.Map ({ target: 'o2map', view: new ol.View({ center: ol.proj.fromLonLat([38.41, 30.32]), zoom: 0 }) }) var osmLayer = new ol.layer.Tile({ source: new ol.source.OSM() }) map.addLayer(osmLayer); 아..물론 상속이필요하다 잘 뜬다. 회사 플랫폼쓰다보니까 오픈레이어스를 안하게..

Career/Openlayers 2023.01.17

[FireFox] 파이어폭스 입문자 유용한 애드온

파이어폭스 입문한지 이제 이틀 됐는데, 기존에 크롬에서 사용하던 환경을 그대로 파이어폭스에 세팅 해주었다. 파이어폭스 사용자는 한국사용자는 2%도 안되니... 이 정보가 누군가에게 또는 나에게 도음이 될수 있기를.... Method 총 4가지이다. AdBlock - Best ad blocker 광고는 야무지게 차단해준는게 좋다. Dark Reader 다크모드를 좋아하는 사람한테는 꼭 꼭 꼭 필수이다. 오른쪽 상단에서 끄고 켜고 할 수 있다. Gesturefy 크롬에서는 Mouse Crx 라고 하는 기능인데 오른쪽을 눌러서 새로고침, 앞으로, 뒤로, 화면확대 등등... 다양한 기능을 간편하게 할 수 있다. 이런식으로 색깔도 선택이 가능하고, 본인이 원하는 모션에 속성들을 넣우줄 수 있 다. To Googl..

Career/FireFox 2022.12.02

[FireFox] 파이어폭스 강력 새로고침

안타깝게도, 파이어폭스는 F12를 누르고 새로고침을 오른쪽 마우스로 클릭해도 아무것도 나타나지 않는다. 즉, 크롬처럼 캐시 비움 새로고침 하는 방법은 없다. 그래서 강력 새로 고침하는 수밖에 없다.. method 어떻게 해야 하나 ? 간단하다 Ctrl + Shift + R 눌러주면 강력 새로 고침된다. 아직은 이 방법 밖에 없는것 같다... 안타깝지만, 뭐... 이걸로 하면되니까 그냥 사용하자. To be continue..

Career/FireFox 2022.12.02

[FireFox] 파이어폭스 F12 개발자모드 영어 변경 방법

Chrome 처럼 간단하게 한국어 -> 영어로 바꾸는 방법은 없다. 그냥 파이어폭스 사이트 들어가서 영어버전 installer 를 다운받아 줘야한다..... https://www.mozilla.org/en-US/firefox/all/ Download the Firefox Browser in English (US) and more than 90 other languages Everyone deserves access to the internet — your language should never be a barrier. That’s why — with the help of dedicated volunteers around the world — we make the Firefox Browser availab..

Career/FireFox 2022.12.01

[Business Trip] 한 달 대전 출장 후기

내 대답은 나름? 느낀점 원래는 11월 출장 예정이었는데, 부득이하게 9월 말에 10월에 출장을 가야한다고 통보를 받았다. 뭐 가라면 가야하지 않겠는가? 대전 출장을 하면서, 숙소는 미리 장기투숙으로 잡아놓으면 좋다는 걸 알았고, 나는 한달이라는 기간 엄청 길줄 알았는데, 생각보다 엄청 길지는 않았던 것 같다. 내가 무언가를 많이 하려고 했는지는 몰라도, 9시부터 6시까지 너무 짧게만 느껴졌다. 인수인계를 받고 혼자 근무를 시작하기 첫날에는 나도 모르는 이슈, 새로운 이슈, 알면서 찾기 어려운 이슈들을 찾으면서 전말 고된 일주일을 보낸것 같다. 그렇게 일주일 보내고 나니까 약간 어떤 이슈가 많이 문의가 들어오고, 어떤 것을 보면 되겠다라는 그럼 매커니즘? 나만의 행동 API가 생긴거다. 둘째 주 부터 이..

[Dbeaver] 디비버 다크테마 플러그인 적용하는 방법

바로 시작 해보겠다. 다크테마 적용 도움말 -> install New Software ... 클릭 https://www.genuitec.com/updates/devstyle/ci/ 입력 DevStyle Features 체크 다음 클릭 라이센스 계약 조건에 동의 함 체크 -> 완료 하단 아래에 보면 다운로드 되는 중인걸 확인 가능 아니요 클릭 해주고 -> 나간뒤에 -> 관리자권한으로 실행 실행해주면 본인이 원하는 테마로 선택 -> Continue 클릭 끝 번외 글꼴도 이런식으로 바꿀 수 있는데 굳이 글꼴의 체인지 필요성은 모르겠어서, 해보실 분은 해보세요 ! To be continue..

Career/Dbeaver 2022.10.24