Life goes slowly...

자바스크립트의 제이쿼리(jQuery)에서 애니메이션 효과를 사용할 수 있는 함수로 .animate() 함수가 있습니다. .animate() 함수는 여러 CSS 스타일 속성을 이용하여 새로운 애니메이션 효과를 만들 수 있습니다. jquery(제이쿼리)의 .animate() 함수 jQuery(제이쿼리)의 .animate() 함수는 수치 CSS 속성을 제어하여 움직이는 애니메이션 효과를 만들어 냅니다. 반드시 CSS 속성 MAP 데이터를 필요로 하며, 이 데이터 MAP은 .css() 함수에 인자로 사용하는 데이터 맵과 유사합니다. //.animate() 함수 사용법 $(선택자).animate(css스타일 ,[지속시간] ,[시간당속도함수] [콜백 함수]); CSS 스타일 : 필수이며, 이펙트 효과를 구성할 CS..

Oracle(오라클) LNNVL() 함수 오라클(Oracle)의 LNNVL() 함수는 조건식 함수입니다. 오라클(Oracle)의 LNNVL() 함수는 조건의 한쪽 또는 양쪽 연산자에 NULL이 포함될 경우에 조건문을 평가하는 함수입니다. WHERE 구문에서 사용이 가능하며 LNNVL() 함수는 조건문을 인수로 가지고 있으며 조건문에 false나 UNKNOWN이라면 TRUE를 반환하며 조건문이 TRUE이라면 FALSE를 반환하게 됩니다. 오라클(Oracle)의 NULL 처리를 정확히 이해하고 있지않으면 이해하기 어려운 조건식 함수입니다. 간단하게 표현한 LNNVL() 함수값 표현 형식 조건 참/거짓 LNNVL() 함수값 T1 = 1 False True T1 = 2 True False T1 IS NULL F..

Oracle(오라클) CUBE() 함수 오라클(Oracle)에서 합계와 소계를 구하는 함수로 ROLLUP() 함수를 많이 사용하게 됩니다. 하지만 ROLLUP() 함수는 소계와 함계를 순서에 맞게 반환하지만 CUBE() 함수는 계산이 가능한 모든 소계와 합계를 반환하는 함수입니다. //오라클(Oracle) CUBE() 함수 사용법 CUBE( expr1, expr2, ....) =================================================== SELECT name, SUM(count) FROM test GROUP BY CUBE(name) 오라클(Oracle)의 CUBE() 함수는 ROLLUP() 함수와는 다르게 합계를 먼저 표시합니다. name count 197 철수 50 영희 ..

자바스크립트의 제이쿼리(jQuery)에서 이펙트(effect) 효과를 표현하는 함수들이 있습니다. 그중에 해당 요소에 페이드(fade) 효과를 표현하는 함수인 .fadeIn(), .fadeOut() 함수가 있습니다. jquery(제이쿼리)의 .fadeIn() 함수 jQuery(제이쿼리)의 .fadeIn() 함수는 선택한 요소를 서서히 나타나게 표현하는 함수입니다. 나타나게 하는 시간을 설정할 수 있는데 시간 설정을 문자나 숫자로 정할 수 있습니다. 그 이외의 옵션에 나타나게 하는 모양도 설정이 가능합니다. //.fadeIn() 함수 사용법 .fadeIn( [duration], [ easing ]); //duration - 시간설정 //easing - 모양설정 //.fadeIn() 나타나는 시간설정 .fa..

Http로 URL값을 전달할 때 오직 영문자와 숫자만으로 전달 시에 인코딩이 필요할 때가 있습니다. 다양한 특수문자나 문자가 URL에 포함되어 전달될 때에 제대로 인식을 하지 않는 경우가 발생하기 때문입니다. 자바스크립트(Javascript)의 encodeURIComponent() 함수는 영문자의 대,소문자, 숫자 그리고 *-_. 을 제외하고 모든 문자를 유니코드 형식으로 변환하여 주게 됩니다. 인터넷 URL에 사용되는 특수문자 :;/=?& 특수문자까지 모두 변환을 하여 인터넷 주소를 하나의 변수에 넣을 수 있습니다. https://www.w3schools.com/tags/ref_urlencode.asp HTML URL Encoding Reference HTML URL Encoding Reference ..

자바스크립트의 제이쿼리(jQuery)의 .detach() 함수는 선택한 요소를 문서에서 제거하는 함수입니다. .remove() 함수와 비슷한 성격을 가지고 있는 함수이기는 하지만 .detach() 함수는 제거한 요소를 저장하여 다시 사용할 수 있는 함수입니다. .detach() 함수는 노드를 document에서 제거하는 동시에 캐싱하여 추후에 다시 사용이 가능합니다. jquery(제이쿼리)의 .detach() 함수 jQuery(제이쿼리)의. tetach() 함수를 요소를 제거하면서 변수에 저장을 할 수 있습니다. //.detach() 함수 사용법 .detach( [selector 요소] ); Cut //id가 test인 버튼을 삭제하고 변수 del에 저장함

웹 페이지 개발 중에 input Text에 숫자만 입력하는 부분이 많이 있습니다. 그중에 자바스크립트(Javascript) 방법 중 가장 많이 사용되는 방법을 알아보도록 하겠습니다. 자바스크립트(Javascript)의 정규식 사용 자바스크립트(Javascript)의 oninput 이벤트 속성에 넣어서 정규식을 입력하는 방법입니다. 또 하나는 자바스크립트(Javascript)의 onKeup 이벤트 속성에 정규식을 입력하는 방법입니다. 자바스크립트(Javascript)의 함수 사용 자바스크립트(Javascript)의 onkeypress 이벤트를 사용하여 키보드 이벤트 keycode를 제어함으로써 숫자만 입력을 가능하도록 하는 방법입니다. function checkNumber(){ if(event.keyCod..

자바스크립트의 제이쿼리(jQuery)를 사용하여 테이블 형식의 Row를 Drag and Drop 하는 라이브러리입니다. Drag and Drop를 통하여 테이블 게시글 순서를 변경하는데 많이 사용됩니다. jquery.tablednd.js 라이브러리 페이지 https://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/ Table Drag and Drop JQuery plugin I’ve been using JQuery for a while now and really agree with its tag line that it’s the “The Write Less, Do More, JavaScript Library”. We’ve also got this code..

자바스크립트의 제이쿼리(jQuery)를 사용하여 선택한 요소의 css 속성 값을 가져오거나 style 속성을 추가하는 함수로 .css() 함수가 있습니다. jquery(제이쿼리)의. css() 함수 jQuery(제이쿼리)의 .css() 함수를 통하여 속성 값을 가져올 수 있습니다. //.css함수를 사용하여 속성값 가져오기 .css( propertyName ) $("#test").css("color"); jQuery(제이쿼리)의 .css() 함수를 통하여 속성 값을 추가하기도 가능합니다. //.css함수를 사용하여 속성값 추가하기 .css( propertyName, val ) $("#test").css("color", "blue"); .css() 함수와 비슷한 성격을 가지고 있는 함수로써는 HTML 요소..

Shell Script 리눅스 Shell Script 작성할때 가장 중요하게 생각해야 될 부분이 #! 입니다. 이는 Shell Script에게 이 프로그램을 실행하기 위해서 #! 다음에 오는 아규먼트를 실행프로그램으로 사용한다는것을 알려주기 위해서 사용됩니다. 리눅스 시스템에서는 Window와는 다르게 파일의 확장명으로 실행파일 유무를 결정하지 않습니다. 파일권한 설정의 변경을 통하여 실행파일임을 결정합니다. 따라서 Shell Script 파일 실행하기 위해서는 파일에 실행권한이 있어야합니다. $ vi test.sh (test.sh) #!/bin/bash echo Hello World $ chom 755 test.sh $ ./test.sh Hello World Shell Script 주석처리 리눅스 Sh..

HTML의 input text의 Value값의 maxlength 속성을 이용하여 입력받을 데이터의 최대 크기 및 최소 크기를 설정이 가능합니다. 하지만 maxlength 속성은 한글과 영문, 숫자, 특수문자 등을 고려하지 않고 있습니다. 단순하게 문자열의 Length으로 입력을 제한하고 있는 경우가 많습니다. 따라서 이때에는 입력받는 데이터의 length 보다는 Byte를 체크하고 있습니다. 특히 input Text가 아닌 textarea 경우에는 maxlength를 체크하기 어렵습니다. 인코딩에 따라서 한글, 영문, 숫자, 특수문자 등 모두가 Byte가 다르게 설정됩니다. 보통 한글은 2~3 Btye이기 때문입니다. 웹사이트를 서핑하는 도중에 Byte 길이를 체크하는 여러 방법을 찾았습니다. //FOR..

웹페이지에서 Popup창을 열고 input Text 창에 웹페이지 URL을 작성한 뒤에 복사하기 쉽도록 URL 전체를 선택하도록 하는 경우가 있습니다. 이는 제일 먼저 Popup창을 열게 하고 나서 input 창에 focus를 이동하도록 한 뒤에 선택하도록 하면 됩니다. Ctrl + C로 아래의 URL을 복사. //Foucs 이동후에 onfocus="this.select()" input창 text 선택 닫기 제이쿼리(Jquery)의 포커스 강제이동 함수는 focus()입니다.

자바스크립트(Javascript)에서 formdata의 데이터를 조작할 때가 있습니다. FormData 객체란 단순한 객체가 아니며 XMLHttpRequest 전송을 위하여 설계된 특수한 객체 형태입니다. 그러기에 문자열 화할 수 없는 객체이며 Console.log를 사용하여 확인이 불가능합니다. FormData를 Console.log로 확인하기 자바스크립트(Javascript)에서 FormData를 Console.log로 확인하기 위해서는 FormData의 메소드를 사용하여야 합니다. FormData의 Key 값과 Value 값을 각각 확인하는 방법입니다. //FormData의 메소드 확인하기 var formData = new FormData(); formData.append('key1', 'value..

자바스크립트(Javascript)로 배열 합치기 자바스크립트(Javascript)의 Join() 함수는 배열의 항목을 하나의 문자로 합치는 역할을 하는 함수입니다. 배열과 배열 사이에 추가적인 문자열을 삽입하여 하나의 문자열로 생성도 가능합니다. 만약에 구분자(separator)가 없는 경우에는 기본적으로 ", "가 삽입하게 됩니다. //join() 함수 사용법 [배열명].join([추가문자열]); //join() 함수 예제 const testArr = ['철수', '영희', '영수', '원빈']; const sumArr1 = testArr.join(); const sumArr2 = testArr.join('@'); const sumArr3 = testArr.join('-'); console.log(su..

자바스크립트(Javascript)의 Image 파일 용량 체크하기 자바스크립트(Javascript)로 Image 파일의 용량을 체크하는 방법입니다. 제일 먼저 input 태그로 Image 파일을 첨부하고 Image 파일의 용량을 확인해보도록 하겠습니다. Image 파일의 용량의 유효성 체크시 사용할수 있는 코드입니다. 유효성 체크시 원하는 용량를 정하고 Image 파일 용량 체크를 할수 있습니다. // Image 업로드후 이미지 용량 체크하기