레퍼런스 마이닝

다음 메서드를 사용하면 선택한 요소나 콘텐츠를 복사하여 새로운 HTML 요소나 콘텐츠를 생성할 수 있다. clone 메서드 .clone() 메서드는 선택한 요소를 복사하여 새로운 HTML 요소를 생성한다. 안녕하세요. jQuery입니다. $('#hello').clone().appendTo('#jq'); 위의 예제를 실행해 보면 알 수 있듯이 .clone() 메서드는 기존의 HTML 요소를 복사하여 새로운 HTML 요소를 생성할 뿐이다. 따라서 반드시 .append() 메서드나 .appendTo() 메서드와 같은 다른 메서드를 이용하여 요소를 추가해야 한다. .clone() 메서드를 사용하지 않고 .appendTo() 메서드만을 사용하면, 기존에 존재하는 HTML 요소를 그대로 추가하는 점이 다르다.

http://localhost:8090/admin/view/main.do 다음과 같은 주소를 가진 웹페이지를 개발 중이라고 할 때, 코드에서 주소 정보를 가져오고 싶을 때 HttpServletRequest를 사용하여 추출하여 보자. request.getScheme() 함수는 http 또는 https를 반환 request.getServerName() 함수는 localhost를 반환 request.getServerPort() 함수는 8090을 반환 위 함수들을 가지고 조합을 하면 주소 정보를 만들 수 있다. request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort(); request.getRequestURL() 함수는 전체 주소 ..

배열 메서드 둘 중에 평소에 잘 사용하지 않지만, 사용하면 생산성이 많이 올라가는 메서드들이다. indexOf 배열에서 특정 값 찾을 시 for Loop를 돌려서 찾는다면 생산성이나 코드 가독성에 도움이 되지 않는다. indexOf 메서드는 주어진 요소를 배열에서 찾아 반환하며 값이 없다면 -1을 반환한다. let found = false; let arr = ['apple','orange','pear']; for(let i = 0, len = arr.length; i < len; i++) { if('orange' === arr[i]){ found = true; } } found = (arr.indexOf('orange') !== -1 ); filter Json 오브젝트로 이루어진 배열중에 특정 값을 fi..

IE에서 파일 업로드에서 getOriginalFile()를 호출하면 클라이언트 Full Path 경로가 나타난다. 대부분의 개발자가 그렇듯이 크롬에서 개발을 하고 테스트를 하기 때문에 놓치기 쉬운 부분이다. 크롬에서는 getOriginalFile()를 호출하면 순수 파일명만 나오기 때문이다. Return the original filename in the client's filesystem. (클라이언트 파일 시스템의 원본 파일명을 반환한다.) 여기서 "파일명"이라는 것은 모든 경로를 포함한 파일의 이름을 의미한다. 어떤 파일이든 기본적으로 경로가 존재한다. 이 정보를 브라우저에 따라 경로 정보가 포함이 될 수도 안될 수도 있다. 순수 파일명만 뽑고 싶을 때는 아래와 같이 가공해주면 된다. String ..

기존 요소의 내부 변경 다음 메서드를 사용하면 기존 요소의 내부에 새로운 요소나 콘텐츠를 반환하거나 설정할 수 있다. html 메서드 안녕하세요. $('p').html('jQuery입니다.'); .html() 메서드는 선택한 요소의 내용을 새로운 HTML 요소로 변경한다. text 메서드 안녕하세요. $('p').text('jQuery입니다.'); .text() 메서드는 선택한 요소의 내용을 새로운 단순 text로 변경한다. html() 메서드와 text() 메서드의 차이점 .html()는 선택한 요소의 내용에 html 태그 요소가 포함되어 있으면 태그를 적용하여 표시를 하지만, .text()인 경우는 html 태그를 적용하지 문장 그대로 표시를 하게 된다.

MySQL에서 VARCHAR에 유효 최대 길이는 최대 행 크기(65,535 Byte) 및 사용된 문자셋에 따라 달라진다. 예를 들어 UTF-8는 문자당 최대 3Byte를 요구할 수 있으므로 VARCHAR 컬럼은 최대 21,844 자로 선언될 수 있다. MySQL 4버전에서는 길이를 Byte 단위로 계산한다. MySQL 5버전에서는 길이를 문자(Character) 단위로 계산한다.

자주 사용하지만, 잘못된 습관으로 인해 NullPointException이 발생할 수 있는 equals 함수를 알아보자. 생각보다 많은 개발자들이 대수롭지 않게 잘못된 습관으로 코딩을 한다. // 안좋은 예 if ("변수".equals("상수")) { ... } 위의 경우 변수에 값이 null이 들어올 경우 NullPointException이 발생한다. // 좋은 예 if ("상수".equals("변수")) { ... } 위의 경우 equals함수에서 null에 대한 체크를 하기 때문에 NullPointExecption이 발생하지 않는다. 변수에 null이 들어오지 않는다고 확신하지 말고 코딩 습관을 방어적 코딩으로 습관을 하는 것이 좋지 않을까? 생각한다. public class NullEquals {..

find 메서드가 크롬 및 파이어폭스 브라우저에서는 제대로 작동하지만 IE에서는 오류가 발생한다. 해당 함수를 지원하지 않는다는 말이기도 하다. 지원 범위는 아래 사이트에서 확인이 가능하다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find Array.prototype.find() The find() method returns the value of the first element in the provided array that satisfies the provided testing function. developer.mozilla.org // 중복 체크 const checkId = sele..

코딩을 하다 보면 Java API doc을 확인해야 할 때가 있다. 즐겨찾기 된 Java API doc을 보곤 했는데 이클립스에서 간단하게 Java API doc을 확인할 수 있다. 확인하고 싶은 함수에 포커스를 주고 F1을 누른다. Help 창이 나타나면서 Javadoc으로 연결할 수 있는 링크가 있다. 이렇게 간단한 방법으로 손쉽게 Java API doc 확인이 가능하다.

기존 요소의 내부에 추가 다음 메서드를 사용하면 기존 요소의 내부에 새로운 요소나 콘텐츠를 추가할 수 있다. append 메서드 .append() 메서드는 선택된 요소의 마지막에 새로운 HTML 요소나 콘텐츠를 추가한다. 첫 번째 아이템 두 번째 아이템 $('#list').append('새로 추가된 아이템'); .append() 메서드를 이용하면, 두 번째 뒤에 새로운 HTML 요소를 추가할 수 있다. prepend 메서드 .prepend() 메서드는 선택한 요소의 첫 번째에 새로운 요소나 콘텐츠를 추가한다. 첫 번째 아이템 두 번째 아이템 $('#list').prepend('새로 추가된 아이템'); prepend() 메서드를 이용하면, 첫 번째 에 앞에 새로운 HTML 요소를 추가할 수 있다. appe..