javascript 31

Ajax 응용프로그램에서 데이타 교환하기

Ajax 응용프로그램에서 데이타 교환하기 저자 - Andrei Cioroianu XML과 JavaScript Object Notation을 사용하여 Ajax 클라이언트와 Java 서버 사이에서 데이타를 전송하는 방법을 배우십시오 게시일: 2006년 6월 XMLHttpRequest로 알려져 있는 Ajax 코어 API는 오로지 웹 브라우저와 서버 사이에서 데이타를 교환하려는 목적으로 HTTP 요청을 보내는 것에 관한 것입니다. 웹 페이지에서 실행되는 JavaScript 코드는 XMLHttpRequest를 사용하여 요청 매개변수를 Servlet이나 JSP 페이지와 같은 서버 측 스크립트로 보낼 수 있습니다. 호출된 Servlet이나 JSP는 사용자가 전체 페이지를 새로 고치지 않고 볼 수 있는 콘텐츠를 갱신(..

javascript/Ajax 2008.05.19

객체지향적 고급 자바스크립트 개발을 위한 가이드

Quick guide to somewhat advanced JavaScript tour of some OO features by Sergio Pereira last update: February 21st 2006 Hey, I didn't know you could do that 여러분이 개발자이고 나와 같은 길을 걸어 왔다면, 웹페이지에서 꽤 많은 Javascript 조각들을 사용해 왔을 것이다. 마치 UI의 딱풀 마냥.. 최근까지 나는 Javascript가 내가 취업 했을 때보다 더 객체지향(OO_ 능력을 가졌다고는 하지만 난 별로 그것을 사용해야하는 느낌은 받지 못했다. 브라우져들이 Javascript와 DOM의 좀더 표준화된 형상을 지원하기 시작함에 따라, client 상에서 구동하기 위한 더 복잡..

javascript 2007.12.14

AJAX 환경에서 한글 파라미터 처리

jsp웹에서 ajax 함수를 호출하여 서버로 한글 파라미터를 전송하면 한글이 깨집니다. AJAX가 기본적으로 파라미터를 UTF-8로 인코딩하여 전송을 한다고 하더군요. 이것 때문에 몇일 고생했네요.. 이것저것 해보고, 괜히 톰캣도 만지작거리기도 하다가 결국... 비베스크립트 써서 Hex코드 변환하는 방식으로 해결을 했지만.. 쌩뚱맞게 왠 비베인가 싶어서..다시 방법을 찾다가 결국 아주 간단하게 해결을 봤네요. 파라미터를 보내는 jsp단에서 해당 파라미터를 다음과 같이 처리합니다. escape(encodeURIComponent('한글파라미터')); XMLHttpRequest의 send함수를 통해서 스트럿츠 단으로 파라미터를 전송하게 되면.. 스트럿츠(Action클래스)에서는 이 UTF-8로 날아온 파라미터..

javascript/Ajax 2007.12.06

쿠키 보안

㈜안랩코코넛 선임컨설턴트 이호선 hosik@coconut.co.kr 인터넷의 사용 인구가 계속 증가하는 추세에서 월드와이드웹은 중요한 요소를 차지하고 있다. 특히 전자상거래, 인터넷뱅킹, 커뮤니티, 포럼 등과 사용자 인증을 요하는 월드와이드웹의 비율도 계속하여 높아지고 있다. 월드와이드웹을 구성하는 프로토콜인 HTTP는 세션을 유지하지 않는 프로토콜이기 때문에 인증된 정보를 세션으로서 유지하기 위해 쿠키의 개념이 도입되었다. 본 문서에서는 이러한 쿠키에 대해서 알아보고 보안상 위협 요소, 그리고 그에 대한 대응책에 대하여 알아보기로 한다. Cookie는 사용자가 방문한 웹 사이트에서 추후에 어떤 용도로든 사용하기 위해서 사용자의 하드디스크에 남기는 정보를 의미한다. 예를 들어 사용자가 특정 팝업창에 대해..

javascript 2007.12.06

자바스크립트 정규표현식

1. 만들기 1) var re=/패턴/플래그; 2) var re=new RegExp("패턴","플래그"); 3) 차이 - new로 만들때에는 이스케이프문자는 \는 \\로 해주어야 한다. var re=/\w/; var re=new RegExp("\\w"); 2. 플래그(flag) g (Global 찾기) 패턴에 맞는 모든문자 찾기 i (Ignore Case) 대소문자 무시 m (Multiline) 여러줄3. ^ 문자열의 시작을 의미 ,m 플래그를 사용할경우 경우는 각 문자열의 시작 $ 문자열의 끝을 의미 ,m 플래그를 사용할경우 경우는 각 문자열의 끝 . 모든 한문자4. [문자들] - 괄호안의 문자 하나와 매치 예) [abc] 는 a나 b나 c중 하나를 의미 [^문자들] - 괄호안의 문자가 아닌문자와 매치..

javascript 2007.11.28

자바스크립트 성능 향상 팁

자바 스크립트 사용 시 성능 향상을 위해 주의할 사항입니다. 1. 전역변수, 로컬변수 구분을 확실히 할 것 자바스크립트는 변수 선언 시 var 를 붙이지 않아도 에러를 발생시키지 않습니다. 따라서 개발자마다 var 를 임의대로 붙이거나 붙이지 않고 사용하는 경우를 자주 볼 수 있습니다. 그러나 이러한 사용은 간혹 예상치 않은 문제를 야기하거나 성능에 영향을 줄 수 있습니다. 예를 들어 함수에서 변수 선언자 ‘var’ 없이 status 라는 변수가 선언된 경우를 가정해봅시다. 개발자는 status 변수를 함수 내부에서 단순히 값을 저장하거나 참조할 단순 목적으로만 사용하고자 하였을 겁니다. 그러나 브라우저는 status 변수가 선언된 코드를 만났을 때, 먼저 window 객체 내에서 해당 변수에 대한 검색..

javascript 2007.11.23

String Function모음 String을 자바처럼 핸들링해보잣~!

String Prototype Function reference. 1 /*--------------------------------------------------------------------------------*\ 2 * JavaScript framework, version 2.0 3 * 4 * Date : 2006. 08. 15. 5 * Copyright 2004-2007 by Vricks Studio. All right reserved. 6 * @author Jeff Yang routine@vricks.com 7 * 자주 쓰이는 스트링 관련 prototype관련 정리 8 \*-------------------------------------------------------------------..

javascript 2007.11.19

유용한 자바스크립트

WEB 2.0으로 넘어 오면서 여러기술들이 만들어지고 또는 발전하고 있다. 그중 가장 많이 발전하고 그만큼 많이 사용되는 언어가 javascript이지 않을까 생각된다. 아직은 발전 단계이긴 하지만 현재까지 나온 javascript에 대한 오픈 소스만으로도 전부 소화해내기 벅찰정도로 많은것 같다. 지금 등록시켜놓은 javascript는 물론 유명한 prototype이나 yui로 있을지도 모르겠다. 하지만 우선 한국사람이 개발해놓은 소스이고 보기도 쉽게 주석처리도 되어있기 때문에 등록해 놓겠다. 한국인이 개발한 오픈소스가 전세계인이 사용하는 날 까지..........................................fin. 유용한 function모음 Calendar 아래 파일을 같은 Path에 다운..

javascript 2007.11.19

javascript의 eval()함수란 무엇인가!

"3+4"라는 문자열을 7이라는 값으로 계산해주는 함수로 알고 계신다고 하셨는데.. 잘못된 지식입니다. eval() 함수는 변수를 javascript의 함수처럼 쓰는 명령어 입니다. 즉. str += "document.test.check"+i+".value"; 위의 뜻은 변수명이 document.test.check1.value 형식으로 들어가는데... 이것을 함수처럼 쓸수는 없다는 뜻입니다. 그냥 저런 문자열이라는 뜻이죠. 결국 str을 alert시키면 document.test.check1.value이 출력되게 됩니다. 그리고 str += eval("document.test.check"+i+".value"); str에 함수이름들이 들어가 있는 겁니다. 그래서 alert를 시키면 value가 1이나 2가 ..

javascript 2007.11.12