본문 바로가기

학원

 (182)
[AJAX] XSL 문서 / XSLT 예제 XSL 문서 : XSLT 데이터를 저장한 XML 문서 XSLT : XML 기반의 언어로 작성된 파서(Parser) → XML 데이터를 전달받아 HTML 또는 XML 데이터로 변환하는 정보를 제공한다. 예제) [books.jsp] : 책 정보를 XML 데이터로 제공 Java의 정석 남궁성 JSP 웹프로그래밍 오정임 스프링 입문 유이치 [books.xsl] : xml 데이터(books.jsp)를 전달받아 HTML 문서로 변환하기 위한 정보 제공 output: XML 문서를 전달받아 변환하여 제공되는 문서의 형식을 설정하는 엘리먼트 method 속성 : 변환되어 제공되는 문서의 형식을 속성값으로 설정 - 기본값 : xml encoding 속성 : 문서에서 사용하는 문자형태(캐릭터셋)을 속성값으로 설정 temp..
[AJAX] jdbc 연결 / CDATA CDATA 섹션 CDATA 섹션은 XML 문서에서 특수 문자를 포함한 임의의 텍스트 데이터를 포함할 수 있는 기능이다. 주로 XML 문서에서 특수 문자가 있는 데이터를 표현해야 할 때 사용된다. XML은 텍스트 데이터에 특정 문자를 사용하는 경우에는 해당 문자를 특수 문자로 간주하고 해석한다. 예를 들어, , &와 같은 문자는 XML 태그와 구조를 정의하는데 사용되는 문자로 간주된다. 따라서 이러한 문자를 일반적인 텍스트 데이터로 해석하기 위해서는 특별한 처리가 필요하다. CDATA 섹션을 이용하면 이러한 특수 문자를 XML 파서에 의해 해석되지 않고 그대로 유지하도록 지정할 수 있다. CDATA 섹션 내에 있는 데이터는 특수 문자로 해석되지 않으며, 그대로 유지되기 때문에 특수 문자를 포함한 원본 텍스..
[AJAX] jQuery를 이용한 AJAX 사용 jQuery를 이용한 AJAX(Asynchronous JavaScript and XML) jQuery를 이용한 AJAX는 웹 페이지에서 비동기적으로 서버와 데이터를 교환하는 기술을 뜻한다. jQuery는 AJAX 요청을 보내고 응답을 처리하는 데 사용되는 간편한 메소드와 기능을 제공한다. 사용방법 1. jQuery 라이브러리를 웹 페이지에 추가한다. 태그를 사용하여 jQuery 라이브러리 파일을 포함시킬 수 있다. 예시) 2. AJAX 요청을 보내고 응답을 처리할 JavaScript 코드를 작성한다. 일반적으로 jQuery의 $.ajax() 함수나 간편한 $.get() 함수 또는 $.post() 함수를 사용한다. $.ajax({ url: 'server.php', // 요청을 보낼 서버의 URL metho..
[AJAX] CSV / XML / JSON CSV(Comma Separated Values) CSV(Comma Separated Values)는 데이터를 저장하고 전송하기 위한 일반적인 형식이다. CSV 형식은 각 데이터 필드를 콤마(,)로 구분하여 한 줄에 하나의 레코드를 표현한다. 예제) CSV 형식 데이터를 제공받아 HTML 태그로 변환하여 페이지 변경하기 - 파싱(Parsing) 처리 [csv_one.jsp] : [csv_two.jsp] 문서를 AJAX 기능으로 요청하여 CSV 형식 데이터로 응답받아 태그를 변경하여 클라이언트에게 전달하여 응답하는 JSP 문서 CSV 형식 데이타를 제공받아 HTML 태그로 변환하여 페이지 변경 - 파싱(Parsing) 처리 --%> 헤드라인 뉴스 오늘의 뉴스 [cvs_two.jsp] 뉴스 제목과 언론사를 ..
[AJAX] 브라우저 캐싱(Browser Caching) 브라우저 캐싱(Browser Caching) 브라우저 캐싱(Browser Caching)은 웹 페이지의 리소스(이미지, 스타일시트, 자바스크립트 파일 등)를 임시로 저장하여, 동일한 웹 페이지를 다시 방문할 때 서버에서 리소스를 다시 요청하는 대신 캐시에서 가져오는 기능이다. 이를 통해 웹 페이지의 로딩 속도를 향상시킬 수 있다. 브라우저 캐싱 동작 방식 웹 페이지에 접속할 때, 브라우저는 서버로부터 리소스를 요청한다. 서버는 리소스를 응답으로 전송하며, 이때 응답 헤더에 캐싱 설정 정보를 포함시킨다. 브라우저는 리소스를 캐시에 저장하고, 해당 리소스의 URL을 키로 사용하여 저장한다. 다음에 같은 URL을 가진 웹 페이지를 방문하면, 브라우저는 서버에 요청하는 대신 캐시에서 해당 리소스를 가져온다. 서..
[AJAX] GET/POST 방식 요청 GET/POST 방식 요청 예제 1) AJAX = 값 전달 요청 웹프로그램에 대한 응답 결과 출력 이름 : GET 방식의 요청 POST 방식의 요청 GET 방식 요청 [data_two.jsp] 님, 안녕하세요. 알게된점 XMLHttpRequest 객체를 이용하여 웹프로그램을 GET 방식으로 요청하는 경우, 질의문자열(QueryString)을 사용하여 값을 전달한다. xhr.open("get", "data_two.jsp?name="+name, true); xhr.send(null); 하지만 질의문자열로 전달되는 값에 URL 주소로 표현 불가능한 문자가 존재할 경우 400 에러코드가 발생될 수 있다는 문제점이 생긴다. (브라우저의 특성에 따라 다르다) → 해결법: 전달값을 부호 처리화해 전달하여 질의문자열로..
[AJAX] AJAX란? / 예제 AJAX : 비동기식 통신 기능을 이용하여 DHTML 기능을 구현한 프로그램 AJAX는 "Asynchronous JavaScript and XML"의 약어로, 비동기적으로 서버와 데이터를 교환하기 위한 웹 개발 기술이다. 기존의 웹 페이지는 페이지 전체를 새로고침해야만 서버와 통신하여 데이터를 가져오거나 업데이트할 수 있었지만 AJAX를 사용하면 페이지의 일부분만을 업데이트하고 필요한 데이터를 비동기적으로 서버로부터 가져올 수 있다. 기존의 웹페이지 vs AJAX 기존의 웹 페이지 클라이언트가 브라우저를 이용해(url 전달) WAS 에게 요청→ WAS가 해당 프로그램 실행해서 결과를 브라우저에게 돌려줌 → 결과를 브라우저가 해석해 출력 : 페이지가 계속 변경 AJAX 이벤트가 발생하면 브라우저가 아닌, ..
[JSP] DB 연동 예제 예제) JDBC 프로그램을 작성하기 위해서는 JDBC 관련 라이브러리 파일(ojdbc 라이브러리)을 프로젝트에 빌드 처리해주어야 한다. 1. STUDENT 테이블의 학생정보를 저장하여 전달하기 위한 클래스 StudentDTO 클래스 선언 package xyz.itwill.dto; /* 이름 널? 유형 -------- -------- ------------- NO NOT NULL NUMBER(4) NAME VARCHAR2(50) PHONE VARCHAR2(20) ADDRESS VARCHAR2(100) BIRTHDAY DATE */ //STUDENT 테이블의 학생정보를 저장하여 전달하기 위한 클래스 public class StudentDTO { private int no; private String name..

티스토리툴바