*:;전체보기;:*696

• 

  Openlayers2 이미지 마커 cursor pointer 설정 방법 Openlayers2 이미지 마커 cursor pointer 설정 방법 map에 mousemove 이벤트를 등록하여 타겟이 이미지 인것 위에서 style을 변경하여주면 됩니다. map.events.register('mousemove', map, function(e){ e.preventDefault(); if(e.target.tagName == "IMG") e.target.style.cursor = "pointer"; }); 지도 위에서 마우스가 이동될 때마다 이벤트가 발생하며, 조건을 걸어 target이 IMG 일 경우에만 개체의 style을 cursor="pointer" 로 설정합니다. Programing/OpenLayers 2021. 3. 30.

• 

  JavaFx scene builder TableView 표출 및 갱신 방법 JavaFx scene builder TableView 표출 및 갱신 방법 이번 포스팅에서는 JavaFx 의 TableView를 다루는 방법을 알아보겠습니다. TableView 는 우리가 일반적으로 알고 있는 그리드(리스트) 입니다. 우선 Scene builder를 열어 창의 구조를 잡고 ScrollPane 안에 TableView를 추가해 줍니다. 그리고 TableColumn을 추가하여 테이블의 헤더를 설정해 줍니다. 그럼 아래와 같은 구조가 되게 됩니다. 이제 우측 Code Tab에서 fx:id를 설정해 줍니다. 각각의 열에도 같은 방식으로 fx:id 를 설정해 줍니다. (컬럼명) 이제 Scene builder 메뉴바에서 View > Show simple controller skeleton 을 선택해 .. Programing/JavaFX 2021. 3. 26.

• 

  JPA (Java Persistance API) 란? 왜 써야하는가? JPA (Java Persistance API) 란? 왜 써야하는가? Java 개발자라면 JPA에 대해서 한번 쯤 들어봤을 겁니다. 경력자라면 면접 질문에서도 많이 나오기도 합니다. 그렇다면 JPA란 무엇일까요? JPA 는 자바 ORM 기술 표준입니다. 그래서 JPA를 설명하기에 앞서 ORM(Object-Relational Mapping) 이 무엇인지 이해하고 넘어가야 합니다. ORM 은 말 그대로 객체와 관계형 데이터베이를 매핑해주는 기술입니다. 쉽게 말해 SQL문을 ORM 프레임워크에서 대신 생성해주는 것 입니다. 개발자는 비슷한 SQL문을 반복해서 작성해 주는 것이 아니라 객체, Entity Object만 모델링 해주면 되는 것 입니다. 조금만 개발을 해본 개발자라면 위 설명만 봐도 '좋겠는데?' .. Programing/JPA 2021. 3. 24.

• 

  openLayers 2.x 좌표값으로 left, top 구하는 방법 openLayers 2.x 좌표값으로 left, top 구하는 방법 WGS84 좌표계를 OpenLayers에서 사용하는 Postion 으로 변환 var transLatLng = function(x, y, epsg,transFlag){ Proj4js.defs["EPSG:5181"] = "+proj=tmerc +lat_0=38 +lon_0=127 +k=1 +x_0=200000 +y_0=500000 +ellps=GRS80 +units=m +no_defs"; var src = "EPSG:4326"; var trg = "EPSG:5181"; if(transFlag==true){ tag = "EPSG:4326"; src = "EPSG:5181"; } if(epsg != null) src = epsg; var pos.. Programing/OpenLayers 2021. 3. 16.

• 

  iframe contentDocument contentWindow 차이 iframe contentDocument contentWindow 차이 오늘의 iframe 요소에 접근하는 contentDocument와 contentWindow의 차이를 알아보겠습니다. contentDocument, contentWindow 둘 다 iframe 하위 오소에 접근 할 수 있는 방법입니다. contentWindow 는 iframe의 window (전역)을 의미하고, contentWindow.document 는 contentDocument와 같습니다. contentWindow가 contentDocument의 상위 요소 라고 할수 도 있겠네요. IE에서는 contentWindow는 5.5 버전부터, contentDocument는 8버전부터 지원을 합니다. 추가적으로 iframe간 포커스 이동을.. Programing/JavaScript 2021. 3. 8.

• 

  ORALCE 에서 MYSQL, MARIADB 변경 시 확인 함수 ORALCE 에서 MYSQL, MARIADB 변경 시 확인 함수 - CONNECT BY LEVEL Link : aljjabaegi.tistory.com/549 MySql, MariaDB에서 connect by level 사용방법 MySql, MariaDB에서 connect by level 사용방법 오랜만에 포스팅에서는 MySql, MariaDB에서 connect by level 사용방법을 알아보겠습니다. connect by level 은 증가하거나 감소하는 데이터를 동적으로 생성.. aljjabaegi.tistory.com - TO_NUMBER -- ORACLE TO_NUMBER('1') -- MYSQL, MARIADB CASE('1' AS INTEGER) - DECODE --ORACLE DECODE(컬.. 알짜정보/IT정보 2021. 2. 24.

• 

  MySql, MariaDB에서 connect by level 사용방법 MySql, MariaDB에서 connect by level 사용방법 오랜만에 포스팅에서는 MySql, MariaDB에서 connect by level 사용방법을 알아보겠습니다. connect by level 은 증가하거나 감소하는 데이터를 동적으로 생성할때 사용하는데요, 사용방법은 아래와 같습니다. SELECT LEVEL FROM DUAL CONNECT BY LEVEL Database/SQL 2021. 2. 23.

• 

  javascript nextSibling nextElementSibling 차이 javascript nextSibling nextElementSibling 차이 nextSibling, nextElementSibling 모두 같은 노드 레벨의 다음 값을 가져옵니다. 둘의 차이는 nextSibling은 공백이든, 텍스트든 가리지 않고 다음에 있는 것을 가져오게 되고, nextElementSibling 은 Element(요소)만 가져오게 됩니다. 예를들어 아래와 같은 HTML 코드가 있을 경우 nextSibling테스트 nextSibling과 nextElementSibling 의 결과를 보겠습니다. var aDiv = document.getElementById("a"); console.log(aDiv.nextSibling); //nextSibling테스트 console.log(aDiv.n.. Programing/JavaScript 2021. 1. 21.

• 

  오라클 최근 몇달, 최근 몇일 데이터 행으로 조회하기 오라클 최근 몇달, 최근 몇일 데이터 행으로 조회하기 기준이 되는 날짜가 출력이 되야하고, 그 날짜에 해당하는 데이터를 붙여 출력할 때 활용하는 방법입니다. LEVEL과 CONNECT BY 구분을 활용합니다. 최근 몇 달 데이터 행으로 조회 (최근 10달, 현재 : 2020년12월) SELECT TO_CHAR(ADD_MONTHS(SYSDATE, 1-LEVEL), 'YYYYMM') FROM DUAL CONNECT BY LEVEL Database/SQL 2020. 12. 9.

• 

  SVG 파일 읽어 DOM 객체로 변환, SVG 내용변경 후 다운로드 SVG 파일 읽어 DOM 객체로 변환, SVG 내용변경 후 다운로드 몇 백개되는 SVG 파일에 공통된 내용을 변경해 달라는 요청을 받았을 때 작성한 코드입니다. 우선 복수의 파일을 읽을 element 가 필요하겠죠? 몇 백개 되는 파일을 일일히 넣을 수 없으니 multiple로 설정합니다. 그리고 file에 change event를 등록해줍니다. var file = document.getElementById("file"); file.addEventListener("change", function(){ var files = e.target.files; for(var i in files){ (function(file, index){ setTimeout(function(){ var reader = new Fi.. Programing/JavaScript 2020. 11. 13.

• 

  excel data to json format 엑셀 데이터 json 변환 excel data to json format 엑셀 데이터 json 변환 엑셀 데이터를 JSON 으로 변환해주는 방법을 알아보겠습니다. 변환 방법은 아래의 Link로 이동해서 진행하시면 됩니다. Link : shancarter.github.io/mr-data-converter/ Mr. Data Converter shancarter.github.io Link로 이동하시면 위와 같은 화면을 보실 수 있습니다. 여기서 엑셀에 변환하고 싶은 데이터를 영역복사사여 페이지 영역에 붙여넣기 해주시면 되는데요 첫번째 행의 데이터가 json data의 키로 잡히게 됩니다. 예를 들어보겠습니다. 위와같은 데이터의 영역을 복사해서 사이트 페이지 상단에 붙여넣겠습니다. 포커스 아웃이 되면 Output as 로 설정된 데이터 .. 알짜정보 2020. 11. 12.

• 

  apache tomcat 연동, apache 실행 및 설정, 다운로드 apache tomcat 연동, apache 실행 및 설정, 다운로드 이번 포스팅에서는 apache tomcat 다운로드부터, 설정, 실행 방법을 알아보도록 하겠습니다. for windows 아래의 Link에서 apache를 download 할 수 있습니다. Link : www.apachelounge.com/download/ Apache VS16 binaries and modules download www.apachelounge.com Apache Version 2.4 다운로드 후 압축을 풀면 아래와 같은 폴더구조를 보실 수 있습니다. 우선 아파치를 실행하기 위한 기본 설정을 해보겠습니다. conf\httpd.conf 파일을 열어주세요. 기본 실행을 위해서는 3가지만 수정해주시면 됩니다. SRVROOT,.. 알짜정보/IT정보 2020. 11. 6.

• 

  prototype chain 에 대하여, 상속의 개념, 중복을 줄이자! prototype chain 에 대하여, 상속의 개념, 중복을 줄이자! prototype의 개념과 활용에 대해서는 아래의 Link를 참고하세요! Link : aljjabaegi.tistory.com/295 Javascript prototype 프로토타입 이란? prototype을 사용하는 방법을 알아보자. Javascript prototype 프로토타입 이란? prototype을 사용하는 방법을 알아보자. 자바스크립트의 모든 객체 들은 부모 역할을 하는 객체와 연결 되어 있습니다. 이런 부모 역할을 하는 객체를 Prototype이 aljjabaegi.tistory.com link : aljjabaegi.tistory.com/542 javascript 의 상속 첫번째 prototype 기반의 상속 java.. Programing/JavaScript 2020. 11. 4.

• 

  javascript 의 상속 첫번째 prototype 기반의 상속 javascript 의 상속 첫번째 prototype 기반의 상속 javascript에서 상속을 구현할 수 있는 2가지 방식 중에 prototype을 이용한 상속에 대해 알아보겠습니다. javascript prototype에 대한 내용은 아래의 Link로 대체합니다. Link : aljjabaegi.tistory.com/295 Javascript prototype 프로토타입 이란? prototype을 사용하는 방법을 알아보자. Javascript prototype 프로토타입 이란? prototype을 사용하는 방법을 알아보자. 자바스크립트의 모든 객체 들은 부모 역할을 하는 객체와 연결 되어 있습니다. 이런 부모 역할을 하는 객체를 Prototype이 aljjabaegi.tistory.com 일단 상속에.. Programing/JavaScript 2020. 10. 27.

• 

  vanila javascript 개선된 초성검색 기능 구현 vanila javascript 개선된 초성검색 기능 구현 이전에 포스팅한 초성검색은, 단순 한글 초성 검색을 했을 경우 값을 조회하는 기능였습니다. Link : aljjabaegi.tistory.com/219 Oracle 오라클 자음 초성 추출 함수, 자음으로 검색, 초성 검색 Oracle 오라클 자음 초성 추출 함수, 자음으로 검색, 초성 검색 개발을 하다보면 자음으로만 검색할 수 있게 해달라는 요청이 들어오곤 한다. 그럴때마다 유용하게 사용하는 것이 아래의 함수이다 aljjabaegi.tistory.com Link : aljjabaegi.tistory.com/220 Mysql 자음 초성 추출 함수, 자음으로 검색, 초성 검색 Mysql 자음 초성 추출 함수, 자음으로 검색, 초성 검색 개발을 하다보.. Programing/JavaScript 2020. 10. 26.