Javascript4 웹페이지 구현에서 파라미터 처리할 때 마우스의 뒤로가기 버튼으로 인한 동작 처리하기 웹페이지를 구현할 때 화면에 세션의 정보를 이용하여 처리하는 로직을 넣을때 보통 JSP EL 로는 다음과 같이 처리를 생각할 것이다. //jsp EL 처리 var rcvParams = '${h_move_param}'; 그런데 이렇게 구현하고 마우스의 뒤로가기 버튼이나 백스페이스 버튼을 이용하여 돌아가면 웹브라우저는 서버에 요청을 처리하지 않고 높은 확률로 로컬의 히스토리 파일을 읽어서 처리한다. 따라서 내가 생각하는 처리방식과 다르게 동작할 수 있다. 이럴때는 jQuery를 이용하여 post 로 세션의 정보를 그때 그때 받아와서 처리하는 방식을 사용하는 것이 더 정확하다. $.post('${pageContext.request.contextPath}/com/getSessionData.json', funct.. 2013. 4. 30. GET 방식으로 호출시 '&', '+' 기호 전달하기 참고1, 참고2 GET 방식으로 파라미터 전달시 &와 + 기호는 전달되지 않는다. 로컬에서 데이터를 전달하는 시점에 + 기호를 공백으로 변경하여 전달한다. 따라서 기호를 무사히 서버로 전달하려면 기호를 인코딩 해주어야 한다. 이를 위한 방법은 + 를 %2B 와 같이 서버가 인식가능한 문자로 변경하여 전달하든지, encodeURIComponent 함수를 이용하여 인코딩 하는 방식이 있겠다. function replace(inum) { // 정규식을 이용한 문자 변경 inum = inum.replace(/&/g, "%26"); inum = inum.replace(/\+/g, "%2B"); return inum; } function replace(inum) { // 인코딩 함수 이용 return encodeU.. 2013. 4. 18. 자바스크립트의 프로토타입을 이해하고 객체지향 구현하기 네이버 개발자센터 강좌 - JavaScript와 객체지향 프로그래밍 상세한 내용은 네이버의 강좌를 보면 좋을 것 같고, 아래와 같이 코드를 기반으로 이해를 해보자. 자바스크립트에서 객체지향을 구현하기 위해서 필요한 것이 프로토타입이다. 자바스크립트에서 객체지향을 구현하기 위해서 사용하는 것은 함수다. // Dog 객체 생성 var Dog = function() {}; // Dog 프로토 타입선언 Dog.prototype.bow = function() { alert('bow'); }; Dog.prototype.sit = function() { alert('sit'); }; // Cat 객체 생성 var Cat = function() {}; // Cat 프로토타입 선언 Cat.prototype = { sit.. 2013. 4. 16. Javascript의 Array 의 concat, $.extend 메소드 알아보기 참조링크 => 라셍님 블로그Javascript의 Array 타입이 제공해주는 기본 메소드 중에서 유용한 메소드인push, concat 에 대하여 알아보고, jQuery의 extend를 이하여 배열을 합친것과 concat의 차이점을 알아보자. 우선 기본적인 Array 타입의 형태를 알아보자.// 영화 Object 선언 var shiri = { name: '쉬리', year: '1998' }; var oldboy = { name: '올드보이', year: '2003' }; var myway = { name: '마이웨이', year: '2011' }; var masqurade = { name: '광해', year: '2012' }; var ironman3 = { name: '아이언맨3', year: '2013.. 2013. 4. 10. 이전 1 다음