기본 콘텐츠로 건너뛰기

Programming Log

이 블로그 검색

Translate

[Leaflet] Quick Start Guide

날짜: 10월 18, 2020

Leaflet 한글 튜토리얼 전체보기

Leaflet 튜토리얼

설명은 코드에 주석으로 추가함.

1004lucifer

1. 페이지 준비 및 지도설정

2. 마커, 원 및 다각형

3. 팝업

4. 이벤트

참고: https://leafletjs.com/examples/quick-start/

Leaflet tutorial

댓글

댓글 쓰기

1004lucifer

프로필로 이동

가장 많이 본 글

[Chrome] ERR_SSL_VERSION_OR_CIPHER_MISMATCH 이슈 원인 및 해결방법

증상 - 크롬을 이용해 SSL/TLS(https) 프로토콜 접속 시 아래와 같은 에러가 발생한다. ERR_SSL_VERSION_OR_CIPHER_MISMATCH 지원되지 않는 프로토콜 클라이언트와 서버가 일반적인 SSL 프로토콜 버전 또는 암호화 제품군을 지원하지 않습니다. 원인 1. 서버(WAS)에서 낮은 버전의 SSL을 사용하는 경우 1004lucifer 2. 서버(WAS)에서 응답한 Cipher Suites를 브라우저(Chrome)에서 처리 할 수 없는경우 ( 링크 - Cipher Suites란 무엇일까? ) 해결방법 1. 서버가 낮은 버전의 프로토콜을 사용하는 경우 - 브라우저에서 낮은 버전의 프로토콜을 사용 가능하도록 옵션을 변경해 준다. (크롬과 IE는 같은 인터넷 옵션을 사용한다.) 2. 서버에서 응답한 Cipher Suites를 브라우저(Chrome)에서 처리할 수 없는경우 1) IE, Edge, FireFox, Opera 등등 다른 브라우저를 사용해본다. - 브라우저마다 처리할 수 있는 Cipher Suites 종류가 다르다. ( 상세내용링크 ) - 이것마저 안되면 브라우저 사용자가 더이상 할 수 있는건 없다. 1004lucifer 2) 서버관리자가 수정 할 수 있는 방법 - 최신 프로토콜(TLS)을 사용할 수 있도록 WAS를 업그레이드 하거나 설정한다. - 대부분의 브라우저에서 지원하는 Cipher Suites를 사용하도록 셋팅한다. ( 상세내용링크 )

[Regex] 정규표현식 특정 문자열 포함하지 않는 매칭 방법

특정 문자열이 들어있는 라인을 제외하고 어떻게 문자열을 추출할 수 있을까 하다가 알아보았다. 특정 문자열이 포함되지 않게 매칭하는 방법은 아래와 같다. 1004lucifer ^((?!단어).)*$ https://regexr.com/4fsa8 복수개의 단어에 대해서 문자열을 제외하고 싶다면 다음과 같이 할 수 있다. 1004lucifer ^((?!단어|단어).)*$ https://regexr.com/4fsan 1004lucifer 복수개의 단어가 동시에 없어야 한다면 다음과 같이 할 수 있다. (이 방법은 지난번 링크-정규표현식 AND 연산 사용방법 을 응용해 봤다.) ^((?!(?=.*단어)(?=.*단어)).)*$ ^((?!(?=.*단어)(?=.*단어)(?=.*단어)(?=.*단어)).)*$ https://regexr.com/4fsb0 매칭되는 원리 1. negative lookahead 를 이용하면 해당 단어와 일치하지 않은 단어의 앞에있는 문자열이 매칭된다. 1004lucifer 2. 해당 매칭문자열에 점(.) 하나 붙여서 글자를 하나더 추가 매칭이 가능 3. 해당 문자열 앞에 단어 대신 시작(^)을 붙여서 해당 문자열로 시작되지 않는것만 매칭 4. 그룹화를 해서 해당 문자열 제외한 앞에까지 모두 매칭 5. 마지막까지 모두 매칭되면 추출 완료 정규식 참고 - https://stackoverflow.com/questions/406230/regular-expression-to-match-a-line-that-doesnt-contain-a-word

[CSS] 상속받은 상위 속성(style) 무효화(초기화) 하기

PS. 모든 상위속성을 무시하는 걸 원한다면 아래 링크의 라이브러리를 사용하기를 권장한다. - 10+ Best CSS Reset Stylesheets 많은 상황에서 상속받은 CSS에 대하여 depth를 이용하거나 CSS우선순위를 이용하여 덮어쓰기(!?) 하여 해결이 가능한것 같다. 하지만 다른 style을 적용하지 않고 부모 엘리먼트의 style 상속을 받지 않아야 하는 경우가 발생하여 알아보니 :not(selector) 라는 기능이 있었다. 1004lucifer 엄밀히 말하면 상속을 초기화(reset) 한다기 보다.. 부모 Element 에서 style 적용 시 특정 Element에 style이 적용되지 않도록 하는 기능이다. 예제 <div class="parent"> <span>aaaaaa</span>< br/> <p>aaaaaa</p>< br/> <span>aaaaaa</span>< br/> <span>aaaaaa</span> </div> .parent :not(p) { color:red; } 1004lucifer 아래와 같은 형식으로도 사용이 가능하니 의외로 활용성이 좀 있어 보인다. - div :not(.home) {…} - div *:not(p) em {…} - input:not([type="text"]) {…} - h2:not(.foo):not(.bar) {…} - li:not(.pingback) .comment-content p:first-child:first-line {…} - div:not(.home) h2 + p:first-letter {…} - .post:not(.f...

[jqGrid] 기본 옵션 설명

[ jqGrid 한글 API 문서 링크 ] 실습 jqGrid 버전: CDN 제공하는 v4.6 버전으로 테스트 jqGrid 에서 많이 사용될 옵션을 정리해 보았다. 하단에 전체 옵션(API)이 정리되어 있다. (Ctrl+F를 눌러 옵션을 검색하면 된다.) 1004lucifer Property Type Description url string 그리드를 채우는데 필요한 데이터를 반환하는 URL ex) /jqGridModel?model=Wine mtype string 요청 메소드 정의 ex) "POST" or "GET" autoencode boolean 서버에서 가져온 데이터 인코딩 여부 ex) '<' 표시는 '<' 로 치환이 됨 datatype string 그리드를 채우는 데이터 형식 - xml, xmlstring - json, jsonstring, - local (array data) - javascript (javascript data) - function (retrieving data) colNames array 그리드 Header에 보여질 텍스트 (colModel 배열의 요소갯수와 같아야 한다.) colModel array 그리드 Body에 보여질 데이터의 속성(매개변수) 지정 pager mixed 페이징 Element 지정 ex) <div id="page"></div> - '#page' 또는 jQuery('#page') rowNum integer 한페이지에 보여질 데이터(레코드) 갯수 ...

[Regex] 정규표현식 AND 연산 사용방법

이전에 [Regex] 정규표현식 고급기능 소개 글을 올렸었는데.. 최근 lookahead 기능을 이용하여 정규식 AND 연산을 사용할 일이 있어서 다시 정리를 해본다. 이렇게까지 정규식이 가능한걸 보고 정말 왠만한 패턴매칭이 다 되겠구나 싶다. 문자열 중 두개의 단어를 모두 포함하는경우 조건을 만족하려면 아래와 같이 하면 된다. 1004lucifer (?=.*단어)(?=.*단어).* 예제 보기 - https://regexr.com/4boo7 매칭되는 원리 1. lookahead 기능은 아래와 같이 해당 단어를 제외한 앞의 문자열을 패턴매칭한다. 2. 매칭된 상황에서 뒤에 매칭되는 패턴을 붙이면 아래와 같이 단어를 포함하여 매칭이 가능하다. 1004lucifer 3. 앞뒤에 .* 를 붙이게되면 문자열의 처음부터 마지막까지 단어가 들어간 모든 문자열이 대상이 된다. 4. 위의 패턴은 아래와 같이 바꿀 수 있다. 5. 문자열의 처음부터 끝까지 단어가 있는 조건을 두개 붙이면 아래와 같이 완성이 된다. PS. 3번과 4번은 도출되는 결과가 같지만 엄밀히 말하자면 똑같은 패턴은 아니다. 3번의 경우 첫글자부터 단어의 앞글자 까지 매칭이 되지만 4번의 경우 첫글자부터 패턴이 매칭이 되지만 앞의 모든 글자에 대해서 각각 따로 매칭이 된다. 이 때문에 lookahead를 이용해서 AND 연산이 가능한 것이다. 1004lucifer 1004lucifer 참고 - https://stackoverflow.com/questions/469913/regular-expressions-is-there-an-and-operator

Powered by Blogger

Copyright 2016. 1004lucifer all rights reserved.