슬기로운 개발자 생활

Ajax와 Form 요소Ajax에서는 서버와의 비동기식 통신을 위해 form 요소를 통해 입력받은 데이터를 직렬화(serialization)하여 전송한다.이때 직렬화(serialization)란 입력받은 여러 데이터를 하나의 쿼리 문자열로 만드는 것을 의미한다. 이렇게 함으로써 form 요소를 통해 입력받은 데이터를 한 번에 서버로 보낼 수 있게 된다.직렬화(serialization)jQuery에서는 HTML form 요소를 통해 입력된 데이터의 직렬화 작업을 매우 간단하게 수행할 수 있다. .serialize() 메소드와 .serializeArray() 메소드를 이용하여 손쉽게 데이터를 직렬화할 수 있다. .serialize() 메소드는 HTML form 요소를 통해 입력된 데이터를 쿼리 문자열로 변환..

Express를 이용하여 Web 페이지를 만들 때에 필요한 처리로서. "쿼리 문자열 처리", "양식 제출 처리", "Ajax로 JSON 데이터 송수신", "쿠키의 읽기 및 쓰기"라는 것에 대해 설명한다. 쿼리 문자열로 페라미터 전송어느 페이지에서 다른 페이지에 액세스할 때, 어떠한 형태로 필요한 정보를 전달할 필요가 있었다. 어떤 방식을 생각할 수 있을까?쿼리 문자열로 페라미터 전송하기우선, 모두가 생각할 수 있는 것은 "쿼리 문자열"을 이용하는 것이다. 쿼리 문자열이라고 하는 것은, URL의 뒷부분에 사용하여 값을 작성한다. 예를 들어. http://localhost/index?a=hello와 같은 형태로 URL을 지정하여 a라는 페라미터에 "hello"를 설정하여 보낼 수 있다.이 쿼리 문자열 값은 ..

서블릿은 단독으로 사용하는 것보다 HTML이나 JSP 페이지와 서블릿 사이에서 데이터를 주고 받는데 사용하는 것이 일반적이다. 이들 사이에서의 데이터 교환 및 공유에 필요한 기능으로서 "리퀘스트, 세션, 어플리케이션의 값 저장"과 "포워드/리디렉션"라는 기능에 대해 설명하겠다.HTML에서 서블릿에 폼 전송페이지 간의 데이터 교환의 기본이라고 하면 역시 "폼(form)"이다. HTML과 JSP 페이지에 폼을 준비하고, 거기에서 서블릿으로 보내는 것과 같은 방법은 서블릿 이용의 기본이라 할 수 있다.서블릿에 송신된 폼의 내용을 얻으려면 doGet/doPost 인수에 준비되어 있는 HttpServletRequest 인스턴스를 사용한다. 이 안에 있는 "getParameter" 메소드로 전달된 값을 꺼내 올 수..

서버에서 클라이언트로 값을 출력하는 것은 할 수 있게 되었다. 그럼 클라이언트에서 서버로 필요한 정보를 보내려면 어떻게 해야 하나? 그 기본은 "쿼리 문자열"과 "양식(form)"이다. 이 두가지를 사용한 데이터 전달하는 방법에 대해 설명한다. 쿼리 문자열으로 값 받기단순히 뭔가를 표시할 뿐이라는 것은 전회 설명한 JSP의 기본 태그만으로 어떻게든 할 수 있게 되었다. 이번에는 더 나아가 "클라이언트에서 서버로 뭔가를 보내면, 그것을 받아 다시 클라이언트에게 돌려 주는" 대화형 작업을 수행해 보자.이러한 작업의 포인트는 "클라이언트에서 서버로 어떻게 필요한 정보를 보낼까"라는 점이다. 이를 알면 서버에서 필요한 처리를 하여 그에 따라 표시를 되돌려 보낼 수 있다.여기에는 여러 방법이 있다. 먼저 가장 간..