Life goes slowly...

자바스크립트의 제이쿼리(jQuery)를 사용하여 선택한 요소나 그의 따른 요소를 감싸기가 가능한 함수가 있습니다. 선택한 요소를 원하는 태그로 감싸기를 할 때 대상 요소나 대상 요소의 하위 요소, 대상 요소의 전부를 감싸기를 할 수 있습니다. jquery(제이쿼리)의 .wrap() 함수 jQuery(제이쿼리)의 .wrap() 함수는 선택한 요소에 새로운 태그로 감싸는 함수입니다. .wrap() 함수는 $() 형식으로 사용되는 함수에서 나오는 문자열 또는 객체로도 감싸기를 할 수 있습니다. //함수 사용방법 $(select).wrap(wrappingElement); // wrappingElement 요소들을 감싸는 요소 $(select).wrap( function() ); //p 요소를 div 태그로 감싸..

jQuery(제이쿼리)의 .replaceWith() 함수 자바스크립트(Javascript) - jQuery(제이쿼리)의 .replaceWith() 함수는 선택한 요소를 지정된 요소로 대체 변경하는 함수입니다. 지정되는 요소로는 HTML 코드 형식의 문자열이나 jQuery 객체, DOM 요소 등을 전달받을 수 있으며, 이렇게 선택한 요소를 대체할 수 있는 컨텐츠를 반환 함수를 선택되는 요소로 전달받을 수 있습니다. jQuery(제이쿼리)의 .replaceWith() 함수는 조건에 맞는 요소들을 새로운 요소들로 바꾸고 이전의 요소들은 DOM 내에서 삭제하게 됩니다. //함수 사용방법 $(select).replaceWith(newContent); // newContent 새롭게 대체될 요소 $(select)...

자바스크립트의 jQuery(제이쿼리)에서는 선택 및 지정한 요소의 다음 엘리먼트를 가져오도록 하는 함수를 사용할수있습니다. 지정한 요소에 인접한 다음 요소의 엘리먼트를 선택하는 함수로는 .next(), .nextAll(), .nextUntil() 가 있습니다. jQuery(제이쿼리)의 .next() 함수 자바스크립트의 jQuery(제이쿼리)의 .next() 함수는 선택한 요소의 바로 다음에 위치한 형제의 요소를 선택하는 함수입니다. //함수 사용방법 $(select).next(); $(select).next(selector); jQuery(제이쿼리)의 .nextAll() 함수 자바스크립트의 jQuery(제이쿼리)의 .nextAll() 함수는 선택한 요소의 바로 다음에 위치한 모든 형제의 요소를 선택하는 ..

DataBase의 테이블에 카테고리라는 칼럼들이 존재하며, 이러한 카테고리 값이 테이블에 여러 개 존재하고 있습니다. 이처럼 카테고리를 조회 시 테이블마다 값이 중복되는 경우가 있습니다. 이러한 중복되는 결과값을 제거하기 위한 SQL 문이 Distinct입니다. Mysql의 범주 조회 시 사용되는 키워드 Distinct을 알아보도록 하겠습니다. Mysql의 Select Distinct Mysql의 중복제거 키워드인 SELECT Distinct를 사용하게 되면 지정된 칼럼명이 중복되지 않고 고유한 자료만 Row(레코드) 형태로 조회하게 됩니다. //중복되는 컬럼제거후 조회 SELECT DISTINCT 컬럼 FROM 테이블; //조건처리후에 중복되는 컬럼제거후 조회 SELECT DISTINCT 컬럼 FROM..

웹 개발 시 CSS 스타일을 추가하거나 제거하고 변경하기 위해서는 클래스(Class) 속성을 선택자로 사용하게 됩니다. 그 이외의 동적인 스크립트와 액션은 Javascript(자바스크립트)의 ID 값을 사용하게 됩니다. .removeClass() 함수는 이렇게 CSS 스타일을 추가 및 제거, 변경하기 위한 클래스(Class)의 Name을 제거할 때 사용하는 함수입니다. 물론 CSS 파일에서 Class의 Style이 선언되어야 적용이 가능합니다. jQuery의 .removeClass() 함수 jQuery(제이쿼리)의 .removeClass() 함수는 CSS 클래스를 제거하는 함수로 element(요소) 와 Class(클래스)명을 받아서 호출하게 됩니다. 선택한 요소에서 Class 값을 제거하게 됩니다. ...

웹 개발 시 CSS 스타일을 추가하거나 제거하고 변경하기 위해서는 클래스(Class) 속성을 선택자로 사용하게 됩니다. 그 이외의 동적인 스크립트와 액션은 Javascript(자바스크립트)의 ID 값을 사용하게 됩니다. jQuery의 .addClass() 함수는 이렇게 CSS 스타일을 추가 및 제거, 변경하기 위한 클래스(Class)의 Name을 추가할 때 사용하는 함수입니다. 물론 CSS 파일에서 Class의 Style이 선언되어야 적용이 가능합니다. jQuery의 .addClass() 함수 제이쿼리(jQuery)에서 사용하는 Class 명을 추가하여 Style을 적용하는 방법 이외에도 직접 Style을 적용이 가능합니다. .attr() 함수나. css() 함수를 사용하는 방법입니다. //.attr()..

요소(element)에 자바스크립트(Javascript) 이벤트 핸들러를 지정하기 위한 함수로는. bind() , .on(), .live() 가 있습니다. 3개의 함수 모두 같은 역할을 하고 있지만 각각 함수마다 차이점이 있습니다. jQuery의 .bind() 함수 제이쿼리(jQuery)에서 사용되는 가장 기본적으로 사용되는 자바스크립트(Javascript) 이벤트 바인딩 함수입니다. 하지만 제이쿼리 1.7 버전 이후에. on() 함수가 나오면서 새로운 기능이 추가되지 않을 예정으로 점점 사라질 수도 있다는 이야기가 있어서 제이쿼리 1.7버전 이후에는. on() 함수를 사용하라고 가이드 되어 있습니다. 단일 요소(element)를 각 이벤트 처리기에 연결하며 복제된 요소(element)는. bind() ..

jQuery의 .removeAttr() 함수 jQuery의 .removeAttr() 함수는 속성을 값을 삭제할 때 사용됩니다. 자바스크립트의 기본 함수이며 요소(element)의 속성(attribbute)의 값을 삭제할 때 사용됩니다. // 속성값 제거하기 .removeAttr( attributeName ) .removeAttribute( attributeName ) // div 요소의 title 속성을 제거합니다. $( 'div' ).removeAttr( 'title' ); // input 요소의 placeholder 속성을 제거합니다. $( 'input' ).removeAttr( 'placeholder' ); // input 요소의 disabled 속성을 제거합니다. $( 'input' ).remov..

jQuery .attrr() 함수 jQuery의 .attr() 함수는 속성을 값을 가져올 때 사용됩니다. 또한, JQuery의 .attr() 함수를 사용하여 요소(element)의 속성(attribbute)의 값을 쉽게 제어할 수도 있습니다. //함수 사용법 .attr( attributeName ) // 속성값 가져오기 .attr( attributeName , val ) // 속성값 제어하기 //속성값 가져오기 //div 요소의 id 속성의 값을 가져옴 $( 'div' ).attr( 'id' ); //id 요소가 "test" 인 placeholder 속성 값을 가져옴 $( '#test' ).attr( 'placeholder' ); //body 요소의 class 속성의 값을 가져옴 $('body').att..

설명 Method 기능 .offset() 읽기/쓰기 선택된 요소의 좌표를 가져오거나 특정 좌표로 이동 .offsetParent() 읽기 전용 Dom 트리에 존재하는 부모 요소들 중 위치 요소를 기준으로 가장 가까운 요소를 선택 .position() 읽기 전용 부모 요소의 위치를 기준으로 값을 얻는 상대 좌표를 사용하는 방법 .scrollLeft() 읽기/쓰기 선택된 요소의 가로 스크롤 값을 반환하거나 값을 지정 .scrollTop() 읽기/쓰기 선택된 요소의 세로 스크롤 값을 반환하거나 값을 지정 .offset() 함수 .offset( coordinates ) Hello2nd Paragraph Hello left: 10, top: 50 .offsetParent() 함수 .offsetParent( coor..

Method 설명 .append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가 .appendTo() 선택된 요소를 해당 요소의 마지막에 추가 .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가 .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가 .after() 선택한 요소의 바로 뒤쪽에 새로운 요소나 콘텐츠를 추가 .insertAfter() 선택한 요소를 해당 요소의 뒤쪽에 추가 .before() 선택한 요소의 바로 앞쪽에 새로운 요소나 콘텐츠를 추가 .insertBefore() 선택한 요소를 해당 요소의 앞쪽에 추가 .clone() 선택한 요소를 복사( 특정 태그안의 내용 모두 복사) .remove() 선택한 요소를 삭제( 태그 안의 내용을 모두 삭제) .app..

Java와 같은 객체 지향 프로그램 언어를 사용하게 되면 객체들을 기준에 맞춰서 정렬해야 하는 경우가 있습니다. 객체의 정렬 기준을 명시하는 방법에 따라서 Comparable 과 Comparator 두 가지 방법이 있습니다. 단순한 숫자나 문자와 같은 기본형 데이터는 사람들이 일반적으로 받아들이는 대소 비교라는 개념이 있으며, 그에 따라서 정렬을 할 수 있습니다. 하지만 특정 타입의 객체는 기본형 데이터와 다르게 정렬 기준이 없기 때문에 정렬을 할 수가 없어서 정렬 기준을 정의하여 하며 그에 따른 정렬 기준에 따라서 정렬하게 됩니다. Comparable 정렬 수행 시 기본적으로 적용되는 정렬 기준이 되는 메소드를 정의하는 인터페이스입니다. Java에서 제공되는 정렬 가능한 클래스는 모두 Comparabl..

자바 프로그래밍에서 파일을 저장 시 디렉토리를 생성하는 함수인 mkdir(), mkdirs()를 기본적으로 제공하고 있습니다. 디렉토리 생성하는 함수인 mkdir(), mkdirs()로 두 가지가 있지만 세부적으로 약간 차이가 있습니다. File.mkdir() 프로그래밍 로직이 진행중에 만들고자 하는 Folder(디렉토리)의 상위 Folder(디렉토리)가 존재하지 않을 경우에는 생성이 불가능한 함수입니다. import java.io.*; public class Example{ public static void main(String[] args) { String path = "C:\\Test\\새폴더"; //폴더 경로 File Folder1 = new File("C:\\Test\\새폴더";); File F..

java.lang.NullPointerException은 프로그래밍 코딩중에 자주 발생되는 오류중에 하나입니다. 기본적인 오류이기에 원인을 확실하게 알고 해결해야 오류 발생을 방지할수 있습니다. Java의 오류인 java.lang.NullPointerException이란 Null 값으로 인하여 발생되는 Runtime Exception입니다. Java 프로그래밍 개발 중에 가장 자주 발생하거나 볼 수 있는 오류 중 하나가 [ java.lang.NullPointerException ]입니다. Java 프로그램 언어 코딩 중에 가장 기본적인 문제이기도 하지만 실수로도 발생할 수도 있는 오류입니다. java.lang.NullPointerException 원인 java.lang.NullPointerExceptio..

DAO (Data Access Object) Java 프로그래밍 코딩중에 Database의 Data에 접근하기 위한 객체로써, Database의 접근을 하기 위한 로직과 비즈니스 로직을 분리하기 위해서 사용합니다. Database에 접근하기 위한 호출을 하거나 직접 쿼리를 작성하여 사용하는 Class 파일을 말합니다. 요즘에는 Mybatis 등을 사용하게 되면 커넥션풀까지 제공하여 DAO를 별로 만드는 경우가 줄어들게 되었습니다. import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.SQLException; public class TestDao { public v..