티스토리

인코딩의 Decoding

검색하기

블로그 홈

인코딩의 Decoding

androman.tistory.com/m

it 지식 및 자유로운 글입니다 :)

구독자: 64

방명록 방문하기

반응형

주요 글 목록

[OpenLayers] ol.geom.circle에서 radius 단위를 m로 지정하는 방법 OpenLayers에서 ol.geom.Circle의 radius 매개 변수를 미터(meter) 단위로 사용하려면, 다음과 같이 코드를 작성할 수 있습니다. // 지도 투영 방식 설정 var projection = new ol.proj.Projection({ code: 'EPSG:3857', // 미터 단위를 사용하는 Web Mercator 투영 방식 units: 'm' }); // 중심점 좌표와 반지름(m) 설정 var center = [0, 0]; // 중심점 좌표 var radiusInMeters = 1000; // 반지름(m) var circle = new ol.geom.Circle(center, radiusInMeters, 'XY'); // 원형 지오메트리를 가진 feature 생성 var fea.. 공감수 0 댓글수 0 2023. 5. 30.
[jQuery] 선택한 요소의 순서를 알려주는 index() 메소드 jQuery의 index() 메소드는 선택한 요소의 인덱스를 반환하는 함수입니다. 이 메소드는 선택한 요소가 형제 요소들 중에서 몇 번째 위치하는지를 알려줍니다. index() 메소드는 선택한 요소를 기준으로 인덱스를 계산합니다. 인덱스는 0부터 시작하며, 선택한 요소가 형제 요소들 중 첫 번째 요소라면 0을 반환합니다. 예를 들어, 다음과 같은 HTML 구조가 있다고 가정해봅시다 항목 1 항목 2 항목 3 항목 4 항목 5 이때, jQuery를 사용하여 index() 메소드를 호출하면 선택한 요소의 인덱스를 반환합니다. 예를 들어, 다음과 같은 jQuery 코드를 사용할 수 있습니다 $(document).ready(function() { var selectedIndex = $('li.selected').. 공감수 1 댓글수 0 2023. 5. 29.
[GIS] openlayers에서 반경을 입력해서 폴리곤을 그리는 방법 1. Circle 함수를 사용하여 중심점과 반경 값을 입력하여 Circle 객체를 생성합니다. var center = ol.proj.fromLonLat([lon, lat]); var circle = new ol.geom.Circle(center, radius); 2. Circle 객체를 다각형 폴리곤으로 변환합니다. var polygon = ol.geom.Polygon.fromCircle(circle, 64).transform('EPSG:4326', 'EPSG:3857'); 64는 원을 근사화하기 위해 사용되는 세그먼트 수입니다. transform 함수를 사용하여 좌표계를 변경합니다. 위 예제에서는 WGS84(4326) 좌표계를 Web Mercator(3857) 좌표계로 변경합니다. 3. 폴리곤을 Vec.. 공감수 0 댓글수 0 2023. 5. 29.
[오라클] 사용자 수준에서 테이블 스페이스 확인 하기 * 특정 테이블의 테이블 스페이스 확인하기 SELECT tablespace_name FROM user_tablespaces; * 모든 테이블을 대상으로 확인 하기 SELECT tablespace_name FROM dba_tablespaces; * 데이터 파일이 속한 테이블의 테이블 스페이스 확인하기 SELECT tablespace_name FROM dba_data_files; 공감수 0 댓글수 0 2023. 5. 29.
Spring Boot Starter Parent의 역할은? pom.xml 스프링 프로젝트를 하면서 maven의 pom.xml 설정을 하다보면 다음과 같은 구조를 볼 수 있습니다. dependency 부분의 Spring Boot Starter는 의존성들의 모음 set로 사용자가 프로젝트를 생성 할때 설정을 쉽게 해줍니다. 그럼 Spring Boot Starter Parent는 무슨 역할을 할까요? -->Starter가 의존성의 모음이라면 Starter Parent는 의존성들 간의 충돌이 일어나지 않는 버전 정보를 제공해 주는 역할을 합니다. 공감수 0 댓글수 0 2022. 11. 25.
[Clean Code] Clean Code 1장 깨끗한 코드를 읽고 스터디에서 Clean Code라는 책을 같이 읽기로 하고 먼저 1장을 읽은 후 느낀 점을 정리해 봤습니다. 우선 클린코드 라는 책은 로버트.C.마틴이 팀과 같이 집필한 책으로서 좋은 코드를 작성하는 방법에 대한 책입니다. 1장을 읽은 소감은 아직 좋은 코드를 만드는 방법에 대한 자세한 내용은 안 나왔지만 개발자로서 깨끗하고 읽기 좋은 코드를 작성해야 겠다는 생각을 하게 만드는 책이였습니다. 1장은 유명한 프로그래머들이 좋은 코드에 대해 언급하는 내용입니다. 도입부와 1장의 내용을 읽고 알게 된 내용과(원래 알고 있었지만 다시 생각하게된..) 느낀 점을 정리해 보자면 나쁜 코드로 빠르게 코드를 작성하면 나중에 수정할때 시간이 많이 걸린다. 나쁜 코드를 추후에 수정하려고 해도 나쁜 코드를 수정하는 과정은 생.. 공감수 0 댓글수 0 2022. 2. 14.
[HTML] img 태그에서 이미지가 깨질 때 - onerror 속성 사용하기 스크립트 태그를 사용하여 이미지를 추가할 때 src로 설정한 경로의 문제로 이미지가 깨지는 경우가 있습니다. src에 지정한 소스가 문제가 생길 경우 onerror 속성을 사용하여 미리 준비해둔 대체 이미지로 변경 할 수 있습니다. 예시) 원래는 "image.jpg" 라는 이미지를 보여주는 것이 맞지만 문제가 생길 경우 "noimage.jpg"라는 이미지로 대체한다. + onerror는 상단에서 설명한 것처럼 이미지를 대체할 때 많이 사용하지만 error가 난 경우 범용적으로 사용 가능하다. EX) 공감수 0 댓글수 0 2020. 9. 1.
[HTML/CSS] 테이블을 화면 중앙으로 정렬하기 ( margin : auto ) 테이블을 가운데로 정렬하려면 어떻게 해야할까요? 간단한 방법 : margin : auto; OR ( margin-rigth : auto; margin-left : auto; ) + 도 선언해준다. ex) 감사합니다. 공감수 1 댓글수 0 2020. 8. 15.
[Azure] 이클립스에서 Azure 웹앱 쉽게 배포하기 이클립스에서 Azure 웹앱을 간단하게 배포하는 방법을 알아보겠습니다. 1. Eclipse Market Place에서 'Azure Toolkit for Eclipse' 다운 Market place는 상단 Help 탭 하단 메뉴에 있습니다. 2. 배포하려는 프로젝트 오른쪽 마우스 클릭 ( 프로젝트는 Dynamic Web Project로 생성합니다.) Azure > publish as Azure Web App 클릭 3. 배포하려는 웹앱 선택 후 Deploy 클릭! Azure 홈페이지에서 웹앱을 생성할때 간단한 앱을 만들 경우 Web container는 Tomcat으로 설정하는 것을 추천합니다. 공감수 0 댓글수 1 2020. 8. 1.
[Java] File.delete() 파일 및 폴더 삭제 메소드 파일 및 폴더는 File객체.delete()로 삭제 가능합니다. EX) 다음과 같은 폴더가 있을 때 ( 절대 경로 - C:\folderTest ) 폴더 및 파일을 절대경로를 통해 객체화 하는 방법은 다음과 같다. 1. java.io.File 클래스를 import 해줍니다. import java.io.File; 2. 절대 경로로 File 객체로 만드는 방법 //folderTest폴더 File folder = new File("C:\\folderTest"); //folderTest 폴더 안 파일 객체 File file1 = new File("C:\\folderTest\\example1.txt"); File file2 = new File("C:\\folderTest\\example2.txt"); + 경로에 '.. 공감수 0 댓글수 1 2020. 7. 24.
[Java] isFile() / isDirectory() 사용하여 파일,폴더 여부 확인하기 특정 경로에 있는 객체들이 파일인지 폴더인지 알아보는 메소드를 알아보겠습니다. - 객체경로.isFile() - 경로에 있는 객체가 File이면 true 리턴 / 아니면 false 리턴 - 객체경로.isDirectory() - 경로에 있는 객체가 Folder이면 true 리턴 / 아니면 false 리턴 간단한 예시를 통해 알아보겠습니다. EX) 1. 테스트를 위해 다음 경로에 C:\test에 TXT파일 2개 , 폴더(testFolder) 1개를 만들었습니다. 2. java.io.File 클래스를 import 해줍니다. import java.io.File; 3. test 폴더를 파일 객체화 시켜줍니다. 해당 객체에는 파일2개, 폴더 1개가 존재 File testFile = new File("C:\\test".. 공감수 0 댓글수 0 2020. 7. 23.
[Java] @Deprecated 태그의 의미와 사용법 코드를 작성하다 보면 @Deprecated 라는 태그가 적혀 있거나 작성한 메소드에 대하여 이 태그를 사용하라는 권유를 볼 수 있다. @Deprecated의 의미 클래스나 메소드가 권장 되지 않거나 차후 사용이 되지 않을 것(금지)을 알려주는 어노테이션이다. 공감수 2 댓글수 3 2020. 7. 14.
[Java] Unreachable Statement 오류 해결하는 방법 Unreachable Statement 오류란 뜻 그대로 "접근 할 수 없는 구문" 이라는 뜻이며 * Unreachable Statement 오류가 난 경우 당황할 필요는 없으며 자신이 작성한 코드가 논리적으로 맞는지 문법적으로 맞는지 한번 더 확인! + 오랜만에 자바로 일을 하고 있는데 오류가 나면서 로그 화면에 Unreachable Statement 라는 오류 구문이 나타났다. 이 오류는 소스의 상단에서 문법 및 논리적인 오류가 있어 하단의 소스에 영향을 줄 때 나타 날 수 있다. 회사에서 한 일이라 캡처는 못 했지만 작성한 소스에서 예외 처리 잘 못한 경우 나타났던 것 같다. 검색을 해보니 무한 루프를 각각 두개를 만든 경우 아래의 무한 루프는 영원히 돌지 않기 때문에 자바에서 이 오류를 내는 경우.. 공감수 3 댓글수 1 2020. 7. 2.
[Java] contains - 문자열 비교하기 (포함여부) 문자열에 특정 문자가 들어있는지 확인하고 싶을 때가 있다. 예를 들어 "Sunday"라는 문자열에 "day"라는 문자가 들어 있는지 확인하려면 contains 메소드를 사용하면 된다 ( true OR false 반환) String test = "Sunday"; test.contains("day"); / 결과 true + test.contains("days");/ 결과 false + 간단하게 포함 여부를 확인할 수 있는 방식이지만 문자열 내에서 위치나 의미에 상관 없이 포함 여부만 반환 하므로 프로그래밍 의도와 맞지 않는 결과를 나타낼 위험도 있어 보임 공감수 0 댓글수 1 2020. 6. 28.
[Java] cmd창에서 jar 파일 실행 시키기 (ft. java -jar ) java -jar 경로/jar파일명 or jar 파일이 있는 경로로 가서 java -jar 파일명(test.jar) 공감수 0 댓글수 0 2020. 6. 1.
[Java] 파일 확장자 찾기 ( lastIndexOf() / substring() ) 파일 확장자 찾기 int index = value.lastIndexOf("."); String extension = value.substring( index+1); + lastIndexOf로 마침표(".")가 있는 마지막 위치를 찾은 뒤 찾은 위치 뒤의 String(확장자)를 찾는 것 ++ ex) 파일 확장자가 jpg인 파일인 있는 경우 text.jpg String fileName = "test.jpg"; int index = fileName.lastIndexOf("."); String extension = fileName.substring( index+1 ); +++ 확장자를 비교할 상황에서는 확장자를 찾은 뒤 toLowerCase()를 쓰는 것이 좋다 ( 찾은 문자열을 소문자로 바꿔주는것 ) 공감수 2 댓글수 4 2020. 4. 20.
[CSS] Backgrounds 설정하기(color, image, repeat, attachment, position) Backgrunds(요소의 배경)를 설정하는 CSS 속성을 알아보겠습니다. background-color background-image background-repeat background-position background-attachment 1) background-color : 요소의 배경색을 설정할때 사용하는 속성 div { background-color : red; } 2) background-image : 요소의 배경 이미지를 설정할때 사용하는 속성 div{ background-image : url(test.jpg); } + background-image를 사용하여 배경에 이미지를 넣으면 기본으로 x축 y축으로 반복된다. 이때 반복 방향 설정하는 속성이 background-repeat이다. 3).. 공감수 1 댓글수 0 2020. 2. 27.
[CSS] Color 속성 ( Names, RGB, HEX, HSL) CSS에서 색상이 들어가는 속성에 값을 지정해 줄때 주로 사용하는 3가지 방식이 있다. Name Value RGB Value HEX Value 1) Name Value 색상의 이름을 적어주는 방식 예시) h1{ color : red; } 2) RGB Value 0~255 사이의 R(Red), G(Green), B(Blue)의 값을 각각 지정하여 색상을 정하는 방식 예시) h1{ color : rgb(255,0,0); } + rgb(255,255,255)는 흰색 rgb(0,0,0)은 검은색 3) HEX Value 00 ~ ff 사이의 16진수 표현을 사용하여 색상을 정하는 방식( 앞의 두자리는 R, 가운데 두자리는 G, 끝 두자리는 B의 역할을 한다.) 예시) h1{ color : #ff0000; } 참고.. 공감수 0 댓글수 0 2020. 2. 26.
[CSS] CSS를 적용하는 방법 (External, Internal , Inline) HTML 파일에 CSS를 적용하는 방식에는 3가지 방식이 있습니다. External CSS Internal CSS Inline CSS 1) External CSS HTML 파일 외부에 .css 파일을 작성하고 link하여 적용하는 방식 예시) /* 다음과 같이 css파일을 HTML 파일 외부에 만들어줍니다. */ /* test.css */ h1{ color:red; } /* html 파일에 적용 */ 테스트 입니다. 2) Internal CSS HTML 파일 내부 예시) 테스트 입니다. 3) Inline CSS 적용하고자 하는 태그 안에 style 요소를 이용하여 css 적용 ex) 테스트입니다. 예시) 테스트 입니다. + CSS의 적용 순서 External / Internal / Inline CSS가 .. 공감수 1 댓글수 2 2020. 2. 25.
[Cloud Computing] 클라우드 컴퓨팅의 유형 및 서비스 종류 클라우드 컴퓨팅은 크게 세 가지 유형으로 나눌 수 있다. Public Cloud : 데이터 등 자원을 클라우드 컴퓨팅 제공자(ex. MS, AMAZON)이 관리하고 사용자는 웹을 통하여 데이터에 접근하는 유형 Private Cloud : 단일 조직이 독점적으로 사용하는 클라우드 자원으로 서비스와 인프라를 조직의 개인 네트워크에서 관리한다. Hybrid Cloud : 퍼블릭과 프라이빗 클라우드의 결합 형태로 퍼브릭과 프라이빗간의 데이터 등의 자원 교류가 가능한 유형이다. 세 가지 유형의 클라우드 컴퓨팅에서 다음과 같은 서비스를 제공한다.(다음 서비스는 서로 중첩되어 서비스 될 수 있다.) IaaS(Infrastructure as a Service) : 가장 기본적인 서비스로 사용자는 종량제 방식으로 서버,.. 공감수 0 댓글수 0 2020. 2. 17.
[JavaScript] var, let, const 자바스크립트 ES6 변수 구분하기 자바스크립트 변수 var, let, const 비교하기 ES6 (ECMAScript2015)이전에는 자바스크립트 변수는 var만 존재했음 ES6에서 let과 const가 추가 됐다. var는 가용범위가 function이다 (ex. function{} ) var를 function 밖에서 쓰면 glober변수가 된다.( 그 페이지 어디서든 사용가능) let은 가용범위가 block이다. ( ex. for( )문 안 , if()문 안) const 또한 가용범위가 block이다. let과 다른 점은 한번 정의된 값을 바꿀 수 없다(상수 개념) + 정리) 가용범위 var(function scope) > let ( block scope버전 var ) , const( let의 상수버전 ) 공감수 0 댓글수 0 2020. 2. 12.
[CSS] CSS의 속성 선택자(Attribute Selectors) CSS는 선택자(ex. h1, .class 등)를 잡아 HTML 요소에 스타일을 준다. CSS가 선택자를 잡는 기준은 5가지로 나눌 수 있다. Simple Selectors(요소의 name,id,class를 기준으로 선택 - 일반적인 방법) Combinator Selectors(요소 간의 관계를 기준으로 선택) Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) Pseudo-elements Selectors(요소의 특정 부분을 선택) Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 이번 글에서는 Attribute Selectors에 대해서 알아보겠습니다. Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 속성 선택자는 특.. 공감수 0 댓글수 0 2020. 2. 3.
[CSS] CSS의 가상 요소 선택자(Pseudo-element Selectors) CSS는 선택자(ex. h1, .class 등)를 잡아 HTML 요소에 스타일을 준다. CSS가 선택자를 잡는 기준은 5가지로 나눌 수 있다. Simple Selectors(요소의 name,id,class를 기준으로 선택 - 일반적인 방법) Combinator Selectors(요소 간의 관계를 기준으로 선택) Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) Pseudo-elements Selectors(요소의 특정 부분을 선택) Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 이번 글에서는 Pseudo-elements Selectors에 대해서 알아보겠습니다. Pseudo-elements Selectors(요소의 특정 부분을 선택) 가상 요소 .. 공감수 0 댓글수 0 2020. 2. 2.
[CSS] CSS의 가상 선택자(Pseudo-class Selectors) CSS는 선택자(ex. h1, .class 등)를 잡아 HTML 요소에 스타일을 준다. CSS가 선택자를 잡는 기준은 5가지로 나눌 수 있다. Simple Selectors(요소의 name,id,class를 기준으로 선택 - 일반적인 방법) Combinator Selectors(요소 간의 관계를 기준으로 선택) Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) Pseudo-elements Selectors(요소의 특정 부분을 선택) Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 이번 글에서는 Pseudo-class Selectors에 대해서 알아보겠습니다. Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) 가상 선택자는.. 공감수 0 댓글수 0 2020. 1. 29.
[CSS] CSS의 관계 선택자(Combinator Selectors) CSS는 선택자(ex. h1, .class 등)를 잡아 HTML 요소에 스타일을 준다. CSS가 선택자를 잡는 기준은 5가지로 나눌 수 있다. Simple Selectors(요소의 name,id,class를 기준으로 선택 - 일반적인 방법) Combinator Selectors(요소 간의 관계를 기준으로 선택) Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) Pseudo-elements Selectors(요소의 특정 부분을 선택) Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 이번 글에서는 Combinator Selectors에 대해서 알아보겠습니다. Combinator Selectors(요소 간의 관계를 기준으로 선택) combinator S.. 공감수 0 댓글수 0 2020. 1. 28.
[CSS] CSS의 기본 선택자(Simple Selectors) CSS는 선택자(ex. h1, .class 등)를 잡아 HTML 요소에 스타일을 준다. CSS가 선택자를 잡는 기준은 5가지로 나눌 수 있다. Simple Selectors(요소의 name,id,class를 기준으로 선택 - 일반적인 방법) Combinator Selectors(요소 간의 관계를 기준으로 선택) Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) Pseudo-elements Selectors(요소의 특정 부분을 선택) Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 이번 글에서는 Simple Selectors에 대해서 알아보겠습니다. Simple Selectors(요소의 name, id, class를 기준으로 선택) 1) name을 .. 공감수 0 댓글수 0 2020. 1. 27.
[CSS] CSS(Cascading Style Sheet) 개요 및 문법 1. CSS란 CSS는 HTML안의 요소(element)의 색상,모양등 스타일이 어떻게 나타날지 정하는 표기법이다. CSS는 보통 외부 CSS파일에 정의된다. 외부 CSS파일에 정의함으로써 HTML파일 내에서 요소마다 스타일을 지정해주는 수고를 없애준다. 2. CSS의 기본 문법 Selector { property : value; property : value; } 예시)) p { color : red; font-size : 15px; } div { background : blue;} Seletor에 스타일을 주는데 중괄호( {} ) 에 스타일 내용을 적으면 된다. 중괄호 안에 여러가지 속성을 정해줄 수 있으며 속성의 이름과 속성의 값은 콜론( : )으로 구분한다 그리고 속성의 정의 및 속성간의 구분은 .. 공감수 0 댓글수 0 2020. 1. 24.
[jQuery] toggle() - 화면에서 요소를 보였다가 안 보였다가를 반복하는 메소드 제이쿼리를 사용하여 버튼을 클릭하면 특정 요소를 보였다가 다시 클릭하면 보이지 않게 하는 간단한 방법은?? --> toggle() 메소드를 사용하면 된다. toggle()을 사용하면 보였던 요소는 숨겨주고 안 보이던 요소는 화면에 보이게 해준다. (ex. 버튼을 클릭하면 list가 보였다가 안 보였다가 한다.) 문법 $(선택자).([,속도][,콜백함수]) 필수 파라메터가 아닌 속도,콜백함수는 각각 효과가 나타나는 속도와 효과가 나타난 후 호출되는 함수를 의미한다. 예시)) 첫번째 두번째 세번째 누르면 토글 다음과 같은 화면이 있는 경우 아래 코드와 같이 toggle효과 를 적용하면 //button을 클릭했을 때 ul 태그에 toggle효과 적용 $("button").click(function(){ $(".. 공감수 1 댓글수 0 2020. 1. 23.
[jQuery] has() 특정 선택자를 가지고 있는 요소 찾기 제이쿼리를 사용해서 특정 선택자를 가지고 있는 li 태그를 선택하려면 어떻게 해야 할까? --> jQuery의 has() 메소드를 사용한다. 문법 - $(요소).has(selector) 요소의 하위(자손)에 selector를 가지고 있는 것이 선택된다. ex) $('ul').has('li') - 하위 요소에 li 태그를 가지고 있는 ul 태그가 선택된다. 예시)) li 태그 중 하위에 태그가 있는 것만 선택해서 글자색을 빨간색으로 바꾸려고 한다. 일 이 삼 has() 사용 //'li'요소 중 하위(자식)요소 중 a 태그를 가진 것을 선택하여 글자색을 빨간색으로 $('li').has('a').css('color','red'); 결과 공감수 1 댓글수 0 2020. 1. 21.
[jQuery] Value값으로 Select 박스 option 선택하기 제이쿼리를 사용하여 특정 Value값으로 Select 박스 option을 선택하려면 어떻게 해야할까? -->Select Box를 선택하고 prop를 이용하여 selected 속성을 true로 설정하면 된다. 예시) 첫번째 옵션 두번째 옵션 세번째 옵션 다음과 같은 select 태그가 있을 경우 value가 'test2'인 option을 선택 //id로 select 선택하고 value가 'test2'인 option 선택 $('#testSelect').val('test2').prop("selected",true); + option 나열 순서로 option을 선택할때 예시) 위와 같은 html 태그에서 세번째 option을 선택하고 싶을때 // id로 select 태그를 선택하고 select 태그의 optio.. 공감수 5 댓글수 2 2020. 1. 20.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.