Life goes slowly...

자바스크립트(Javascript)의 concat() 함수 자바스크립트(Javascript)의 concat() 함수는 두 개의 문자열을 하나의 문자열로 만들어주는 역할을 하는 함수입니다. 입력값을 문자열 대신 배열을 사용하여 두 개의 배열을 하나의 배열로 만들어주는 역할도 함께 하는 함수입니다. 참고로 기존 배열을 변경하지 않으며 추가된 새로운 배열을 반환하게 됩니다. //문자열 concat() 함수 사용방법 문자열.concat( [문자열] ) //배열 concat() 함수 사용방법 배열.concat( [배열] ) let test1 = "Hello"; let test2 = "World"; console.log(test1.concat(test2)); let arrayTest1 = new Array("Hell..

jQuery의 .replaceWith() 함수 jQuery의 .replaceWith() 함수는 특정 요소나 선택한 요소를 다른 요소로 변환하는 함수입니다. 요소를 변환할때에 조건에 맞게 변환도 가능하며 새로운 조건에 맞춰서 변환할때에는 이전에 요소는 DOM에서 삭제됩니다. 새로운 요소를 대신하여 함수를 사용하여 반환도 가능합니다. // .replaceWith() 함수 사용법 이전요소.replaceWith( 새로운 요소 ) //replaceWith 함수 사용 예시 $( 'h1' ).replaceWith( 'abc' ); $( 'h1' ).replaceWith( $( 'p.a' ) );

자바스크립트(Javascript)의 click() 함수 자바스크립트(Javascript)의 click() 함수는 사용자가 클릭을 하지 않아도 강제적으로 이벤트를 발생시키는 함수입니다. 예시로 input창에 키보드로 입력을 할때에 버튼을 클릭을 하지 않고 강제로 이벤트를 발생시킬때 사용하기도 합니다. //click() 함수 사용방법 element.click() function inputOnkeyup() { document.getElementById('test_btn').click(); } function buttonOnclick() { alert('버튼 이벤트 발생!!'); }

자바스크립트(Javascript)의 charCodeAt() 함수 자바스크립트(Javascript)의 charCodeAt() 함수는 문자의 index에 해당하는 유니코드(Unicode) 값을 반환하는 함수입니다. 자바스크립트(Javascript)의 문자열 내의 문자는 왼쪽에서 오른쪽으로 인덱스가 매겨집니다. 유니코드(Unicode)는 시스템의 문자를 표현하기 위한 표준언어입니다. 자바스크립트(Javascript)의 charAt() 함수와 비슷한 형태이기는 하지만 charAt() 함수는 index에 해당하는 문자를 반환하며 charCodeAt() 함수는 index에 해당하는 유니코드(Unicode) 값을 반환하는 차이가 있습니다. //charCodeAt() 함수 사용방법 문자열.charCodeAt( [ind..

자바스크립트(Javascript)의 charAt() 함수 자바스크립트(Javascript)의 charAt() 함수는 문자열에서 지정된 위치에 존재하는 문자를 찾아서 반환하는 함수입니다. 자바스크립트(Javascript)의 문자열 내의 문자는 왼쪽에서 오른쪽으로 인덱스가 매겨집니다. 인덱스의 순번은 0부터 시작되고 마지막 인덱스 순번은 -1으로 매겨지게 됩니다. 인덱스가 문자열의 길이를 벗어나게 되면 빈 문자열을 반환합니다. charAt() 함수는 인덱스(index)로 주어진 값에 해당하는 문자를 반환합니다. //charAt() 함수 사용방법 문자열.charAt( [index] ) let test1 = "Hello World"; console.log(test1.charAt(0)); console.log(t..

jQuery의 .queue() 함수 jQuery의 .queue() 함수는 요소에 실행되고 있는 함수의 큐를 보여주는 함수입니다. .queue() 함수는 대기열의 함수와 대기열에 대기하고 있는 함수를 조작하기 위한 함수입니다. 즉 요소에서 실행되고 있는 함수의 큐들을 보여주며, 사용되고 있는 함수들이 실행 유무를 확인이 가능합니다. 모든 요소에는 제이쿼리(jQuery)에 의하여 자체의 함들을을 큐의 형태로 지니게 되는데, 이 큐는 순서에 의하여 액션이 이루어집니다. 하나의 요소에 여러 개의 애니메이션 함수를 실행시키는 방법이 이것에 대하여 기본적인 예시입니다. // .queue() 함수 사용법 .queue( element , [queueName] ) //element - 요소 //queueName - 큐명..

Uncaught TypeError: 'undefined' is not a function 오류 원인 웹 개발 시 Chrome의 console 창에서 Uncaught TypeError: 'undefined' is not a function 에러 메시지가 나타나는 경우가 발생합니다. 이러한 에러 메시지가 발생하는 원인으로는 선언한 함수(function)를 찾을 수 없을 경우이거나 선언한 함수명이 tag ID, name등과 동일한 경우에 함수 내에서 오류가 발생하는 코드가 있다면 발생하는 에러 메시지입니다. 그 이외에도 제이쿼리(jQuery)의 라이브러리가 설치되지 않거나 중복되어 설치되어 있는 경우에도 이러한 에러메시지가 발생합니다. Uncaught TypeError: 'undefined' is not a ..

Uncaught Error : Bootstrap's Javascript requires jQuery 오류 원인 웹 개발 시 Bootstrap을 많이 사용하고 있습니다. 하지만 Bootstrap의 기능은 잘 되고 있지만 Chrome의 console 창에서 Bootstrap의 에러 메시지가 보일 경우가 있습니다. 이는 자바스크립트(Javascript) 나 제이쿼리(jQuery)의 문제로 보일 수도 있습니다. 이는 Bootstrap 사용시 제이쿼리(jQuery)가 필수적으로 요구되기 때문입니다. 제이쿼리(jQuery)가 정상적으로 로드되지 않아서 발생하는 에러 메시지입니다. 이러한 문제의 해결 방법은 Html 페이지에서 Bootstrap을 로드하기 전에 제이쿼리(jQuery)의 라이브러리를 먼저 임포트 하면 ..

jQuery의 .clone() 함수 jQuery의 .clone() 함수는 선택한 요소를 복사하는 함수입니다. .clone() 함수는 일치하는 요소 집합의 전체 복사본을 만드는 함수입니다. 또한 요소뿐만 아니라 요소가 가지고 있는 이벤트를 함께 복사하는 함수입니다. // .clone() 함수 사용법 .clone( [withDataAndEvents] ) //withDataAndEvents - 이벤트 핸들러와 데이터 요소와 함께 복사해야하는지 여부를 나타내는 부울값 ========================= Main is title ------------------------------------------------------------------- Main is title Main is title

jQuery의 .not() 함수 jQuery의 .not() 함수는 선택한 요소 중 특정 선택자를 제외한 요소를 선택하는 함수입니다. .not() 함수를 사용 시에는 기준을 지정하여 기준과 일치하지 않는 오쇼를 선택 항목에서 반환되고 일치하는 요소는 제거하도록 합니다. // .not() 함수 사용법 .not( [선택자] ) //a 요소중에 test 클래스 값으로 가지지 않는 것을 선택하는 예제 $("a").not("a.test").css("color","red") .not() 함수의 반대 함수로는 .filter() 함수가 있습니다.

Cannot read property 'push' of undefined 오류 원인 자바스크립트(Javascript)의 콘솔(Console) 창에 Cannot read property 'push' of undefined 에러가 나타나는 경우가 있습니다. 이는 자바스크립트(Javascript)에서 배열에 요소를 추가하려고 하는 함수에서 오류가 발생하는 현상입니다. 배열과 함수 내부를 Data를 추가하도록(Data를 push 하도록) 정의하였지만 정상적으로 추가되지 않아서 발생하는 오류입니다. Cannot read property 'push' of undefined의 에러가 발생할 때에는 제일 먼저 추가하려는(push 하려는) 배열의 형태를 확인하고, 또한 배열 선언을 확인해봐야될것입니다.

jQuery의 .fadeToggle() 함수 jQuery의 .fadeToggle() 함수는 요소의 투명도를 조절하는 함수로써 보이는 요소는 보이지 않게, 보이지 않는 요소는 보이도록 하는 함수입니다. fadeToggle() 함수를 사용하여 투명도(opacity)를 조절하여 0으로 낮췄을때에 display 속성을 none 처리하여 페이지의 레이아웃 영향을 미치지 않도록 합니다. 옵션에 있는 duration을 조정하여 값에 따라서 속도를 조절하도록 가능합니다.(단위값은 밀리세컨드입니다.) // fadeToggle() 함수 사용법 .fadeToggle( [duration], [easing], [callback] ) duration - 시간 값 easing - 특수한 효과 callback - 콜백 함수 dura..

자바스크립트(Javascript)의 search() 함수 자바스크립트(Javascript)의 search() 함수는 문자열에서 조건 문자열을 찾아서 몇 번째 위치에 확인을 해주는 함수입니다. 매칭 되는 첫 번째로 매치되는 인덱스를 반환하게 되지만, 만약 찾지 못한다면 -1을 반환하게 됩니다. 쉽게 말하자면 검색되는 문자열의 위치값을 반환하게 됩니다. //search() 함수 사용방법 문자열.search( [찾기위한 문자열] ) let test1 = "Hello World"; let test2 = "안녕하세요 자바스크립트"; console.log(test1.search("wor")); console.log(test2.search("자바스크립트")); console.log(test1.search("Hello..

자바스크립트(Javascript)로 스크린 가로길이를 체크할 때에는 두 가지의 함수를 사용하여 체크를 할 수 있습니다 첫 번째로는 스크린 전체 가로길이를 체크하는 방법이며, 두 번째로는 사용이 가능한 가로길이를 체크하는 방법입니다. //모니터 전체 가로 길이의 확인 screen.width //모니터 사용가능 가로 길이의 확인 screen.availWidth 자바스크립트(Javascript)로 스크린 높이를 체크하는 방법도 넓이를 체크하는 방법과 같이 두가지의 함수를 사용하여 체크를 할 수 있습니다. 전체 모니터의 높이와 사용 가능한 모니터 높이를 제크 하는 방법입니다. //모니터 전체 높이 확인 screen.height //모니터 사용가능 높이 확인 screen.availHeight

Oracle(오라클) RATIO_TO_REPORT() 함수 오라클(Oracle)의 RATIO_TO_REPORT() 함수는 전체 합계 대비 비율 또는 백분율을 구하는 함수입니다. 오라클(Oracle)의 RATIO_TO_REPORT() 함수는 주어진 그룹에 대하여 expr 값의 합을 기준으로 각 로우의 상대적 비율을 반환하는 함수입니다. 간단하게 말하자면 Group별 SUM 값의 차지하는 비율 및 정해진 값 비율로 할당하는 함수입니다. //오라클(Oracle) RATIO_TO_REPORT() 함수 사용법 //PARTITION BY 절은 생략가능 RATIO_TO_REPORT([컬럼값]) OVER([PARTITION BY 절]) SELECT name, sum ROUND(RATIO_TO_REPORT(sum) ov..