봉봉의 개인 블로그

자바스크립트에서 많이 사용되는 함수중 하나로 setInterval()이 있다. 많이 사용된다는 것은 그만큼 사용도 많이 되고 중요하기 때문일것이다. 하지만 많이 사용됨에도 불구하고 많은 이들이 이를 어떻게 사용하는지 알고 있으나 제대로 활용하는 것은 간단한 일이 아니다. 아래는 setInterval()을 사용하는 방법과 이를 효과적으로 사용하기 위한 팁과 다양한 정보를 알아보고자 한다. 먼저 setInterval()을 사용하는 기본적인 방법은 아래와 같다. 1setInterval(function(){...},지연시간);cs setInterval()을 사용하는 경우이 함수를 사용해야 하는 경우는 매우 많이 있다. 특히 웹퍼블리싱 중에서는 아래와 같은 케이스가 존재한다. * 갤러리 형식의 뷰를 만들어 이미지..

자바스크립트에는 다양한 함수 선언 방법들이 있다.12345678var functionName = function(){ return Number * Number;} function functionName(Number){ return Number * Number;}cs자바스크립트에서 가장 기본적으로 함수를 선언하는 방법 2가지 이다. 위에 두 함수는 같은 결과값을 낸다. 첫번째는 자바스크립트에서 가장 기본적인 함수 선언 방식이다. 두번째 함수 선언 방식은 첫번째 함수 선언 방식에 비해 더 간단하다. 두 가지 중 무엇을 사용해도 상관은 없다. 1functionName(5); // 25cs 위에 코드는 자바사크립트의 함수를 사용(호출)할때의 코드이다. 모든 함수를 선언했으면 함수를 사용해야하는데 자바스크립트에서..

JSP 를 사용하다보면 JSTL이 있던 자리가 html로 변경되고 나서 빈줄(whitespace)로 남아있는 것을 보게 된다. 크게 문제는 없지만 깔끔해 보이지도 않고 파일의 용량도 늘어나게 되니 없애고 싶다. 그럴때 선택할 수 있는 방법!JSP에 선언하는 방법Web.xml에 설정하는 방법 *.jsp true Tomcat의 conf/Web.xml 에 설정하는 방법 trimSpaces true

JSTL 문법 eq, ne, lt, gt, le, ge, empty 란== : eq!= : ne : gt= : ge -----------> null 이런것도 가능하다. empty 는 List , Map 같은 객체가 값이 있느냐 없느냐의 구분하는 용도로 사용할수 있다. 사용법은 아래와 같다. : List,Map 객체등 : 비어있지 않은경우

SQL IN OperatorSQL IN 연산자* WHERE 절 내에서 특정값 여러개를 선택하는 SQL 연산자이다.* 괄호 내의 값 중 일지하는 것이 있으면 TRUESELECT * FROM 테이블명WHERE 컬럼명 IN (값1, 값2, 값3, ......); SELECT * FROM USERWHERE USER_ID IN ( 'ID01' , 'ID02' , 'ID03'); SELECT * FROM USER WHERE USER_ID = 'ID01'OR USER_ID = 'ID02'OR USER_ID = 'ID03' -> OR연산자로 풀어쓰는 것도 가능하다.

먼저 JAVASCRIPT 에서 아래와 같이 작업해줍니다.12345678910111213141516//ajax 부분 $.ajaxSettings.traditional = true;$.ajax({ type: "POST", url : "사용할 URL", data : { VO 변수명 : 값, VO 변수명 : 값}, contentType : "application/x-www-form-urlencoded; charset=utf-8", dataType : "json", success : function(data){ //Ajax 성공시 },error : function(){ //Ajax 실패시 }});Colored by Color Scriptercs그후 JAVA에서 받는 방법은123456@ResponseBody@Requ..

JAVA SCRIPT 부분은 이렇게 적어준다.12345678910111213141516function ajaxArrayList(){ $.ajax({ type: "POST", url : "사용할 URL", data: JSON.stringify(ArrayList), dataType : "json", contentType : "application; charset=utf-8", success : function(data){ //success function //TIP : location.herf = "사용할 URL" 하면 GET방식으로 }, error : function(){ //error function } });}Colored by Color Scriptercs 위와 같이 적어서 데이터를 보낼때 JAVA에..

~@~인터넷에서 신용카드 결제가 되는 순서는1.사용자가 쇼핑몰에서 쇼핑 2.카드 결제를 선택하면, 3.PG시스템에 연동이 되어서 신용카드 번호, 주민번호,비밀번호 등을 입력 4.PG시스템은 VAN을 타고 카드사 시스템에 접속하여 결제가 이루어집니다. 위의 2,3번을 하기 위해서 각 쇼핑몰은 국내 PG사와 계약을 맺고 시스템을 연동하여야합니다. 시스템 연동하는 방법은 각 PG사마다 조금씩다르다. ActiveX 를 embaded하거나,POST방식으로 연동하는 방식으로 크게 나뉘어 진다. 웹프로그램을 하시는 분들이라면 2,3일만에 연동및 테스트 까지 완료 할수 있을것이다. ~!~PG사는 전자 지불 대행회사이고 VAN사는 온라인 신용카드 조회회사라고 보면된다. 신용카드를 결제시 PG시스템은 VAN을 타고 신용카..

.attr() 과 .prop() 의 차이 JQuery를 사용하다 보면 태그들의 속성값을 정의하거나 가져오기 위해 .attr() 함수를 사용하는 경우가 많을 것이다.그런데 jquery 1.6 이후 부터 .attr() 함수가 용도에 따라 .attr() 과 prop() 으로 분리 되었다.attr() 과 prop() 의 차이는 무엇인가. attr() : html의 속성(attribute)을 다룬다.prop() : javascript 프로퍼티 (property)를 다룬다. 예시1.123456코멘트var $comment = $('#get_comment');alert($comment.attr('href'));alert($comment.prop('href'))Colored by Color Scriptercs 이런식의 ..

(순서대로) 위 아래 왼쪽 오른쪽으로 넘겨지는 배너 만들기 4가지 효과를 적용하기 위한 마크업이 있다.12345678910111213141516171819202122232425262728293031323334 Colored by Color Scriptercs CSS1234567891011121314body { margin: 20px auto; width: 700px; } .rolling-banner{ position:relative; float: left; overflow:hidden; border:2px solid #000; width:40%; height:150px; margin: 10px; } .rolling-banner img{ position:absolute; top:0; left:0; widt..