본문 바로가기

분류 전체보기112

[jQuery] Ajax 비동기 처리 목차 Ajax 란? Ajax란 Asynchronous JavaScript and XML의 약자로서, 비동기 방식으로 서버와 통신할 수 있도록 하는 새로운 개발 기법입니다. 기존 방식의 웹에서는 웹 브라우저가 웹 서버에 요청을 전송하면, 웹 서버는 요청을 처리한 후 처리 결과를 HTML로 생성해 웹 브라우저에 전송합니다. 이렇게 되면 새로운 페이지 전체가 다시 로딩되기까지 사용자는 흰 화면에서 대기 상태에 놓여있어야 합니다. 반면, Ajax를 이용하면 페이지 전환 없이 한 페이지 내에서 서버로 값을 보내고 받아올 수 있으며 서버와 통신하는 중에도 다른 작업을 수행할 수 있게 됩니다. 이러한 방식을 비동기 처리라고 합니다. jQuery에서는 Ajax 기능을 손쉽게 구현할 수 있도록 여러 메소드를 제공하고 있.. 2022. 7. 24.
[jQuery] 이벤트 (Event) 목차 이벤트 (Event) 이벤트(event)란 프로그래밍하고 있는 시스템에서 일어나는 사건(action) 혹은 발생(occurrence)입니다. 웹 페이지 안에서 발생한 여러 가지 이벤트를 이벤트 핸들러(event handler)를 이용해 처리할 수 있습니다. jQuery는 JavaScript보다 훨씬 간편하게 이벤트 처리를 할 수 있습니다. JavaScript에서의 이벤트 처리를 자세히 알아보고 싶다면 이 글을 참고해 주세요. jQuery 기본 이벤트 메소드 설명 .ready(function) HTML의 DOM 요소들이 모두 사용할 준비가 되면 function 함수가 실행된다. .bind(eventType [, eventData], function(eventObject)) 요소에 이벤트 핸들러를 연결.. 2022. 7. 23.
[jQuery] 유틸리티 (Utilities) 메소드 목차 유틸리티 (Utilities) 메소드 jQuery의 유틸리티 메소드를 이용하면 배열 순회, 배열 필터링, 데이터를 배열 형식으로 변경, 배열 복제, 데이터의 공백 제거, XML 및 JSON 파싱 처리 등 효율적인 프로그램 개발이 가능해집니다. 메소드 설명 jQuery.each(object, function) 배열 및 Map 형태의 반복되는 데이터를 순회하면서 얻어온다. function 내에서 false를 리턴하면 반복 순회를 중지한다. jQuery.grep(array, function [, inverter]) 배열 형식의 데이터를 입력받아서 function에서 필터링 처리 후 다시 배열 형태로 반환한다. inverter 값은 false가 기본값이며, function의 동작 방식을 역으로 동작하고자 .. 2022. 7. 23.
[jQuery] jQuery 기본 사용법, 선택자, 메소드 목차 jQuery 란? jQuery는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리입니다. jQuery를 이용하면 문서 객체 모델(DOM)과 이벤트에 관한 처리, 시각적 효과, Ajax 애플리케이션을 쉽게 구현할 수 있습니다. jQuery 특징 오픈소스로서 무료로 사용 가능합니다. 웹 브라우저 종류와 상관없이 개발 가능한 크로스 브라우징(Cross Browsing)이 가능합니다. CSS 선택자 기반의 DOM 처리가 가능하여 기존 JavaScript와 비교할 때 매우 쉽고 동적인 화면 처리가 가능합니다. 한꺼번에 여러 다른 동작을 처리하는 함수를 연결하여 사용하는 메소드체인 기능을 효과적으로 사용할 수 있습니다. Ajax 애플리케이션 개발이 쉽습니다. 다.. 2022. 7. 23.
[JSP] JSTL 사용법 목차 JSTL 이란? JSTL은 Java Server Pages Standard Tag Library의 약자로서, JSP에서 사용하는 태그 라이브러리를 공통으로 사용하기 위해 정해진 표준화된 커스텀 태그 라이브러리입니다. 시스템을 개발할 때 공통적으로 사용하는 기능들을 미리 구현해 놓았기 때문에, JSTL로 구현된 기능은 별도로 커스텀 태그를 만들어 사용할 필요 없이 JSTL을 그대로 사용하면 됩니다. JSTL 환경설정 드라이버 다운로드 JSTL은 외부 라이브러리이기 때문에 드라이버를 따로 다운 받아서 넣어주는 것이 필요합니다. https://tomcat.apache.org/taglibs/standard/ 에서 태그 라이브러리 파일을 다운 받은 후, jstl.jar 파일과 standard.jar 파일 두.. 2022. 7. 18.
[JSP] EL 사용법 목차 EL 이란? EL 은 Expression Language의 약자로 JSP 2.0 스펙에 추가된 개념입니다. 데이터를 웹 브라우저에 출력하기 위한 언어로서, null 값이나 형 변환 등을 신경 쓸 필요 없이 데이터를 더 효율적으로 처리하기 위해 만들어졌습니다. 표현식에는 문자, 연산자, 변수를 사용할 수 있습니다. ${ 표현식 } ${"홍길동"} EL 태그 : ${x} 표준 jsp 태그 x : EL 연산자 연산자 설명 . 자바빈 또는 Map에 접근시 사용 [] 배열 또는 List에 접근시 사용 () 우선순위 연산자 empty 값이 null인지 판단하여 boolean 값으로 리턴 +, -, *, /, % 산술 연산자 및 나머지 연산자 &&, ||, ! 논리 연산자 ==, >, >=, ${10-4} ${.. 2022. 7. 17.
[JSP] JSP 기본 문법 - JSP 스크립팅 요소, 내장 객체 목차 JSP 란? JSP(Java Server Page)는 서블릿과 마찬가지로 동적인 웹 어플리케이션을 개발할 때 사용 가능한 웹 컴포넌트입니다. JSP 특징 태그 기반의 웹 컴포넌트로서 jsp 확장자를 갖습니다. 서블릿과 동일하게 클라이언트의 요청에 의해서 동적으로 실행됩니다. html 파일 요청방식과 동일하게 JSP 를 요청할 수 있습니다. 서블릿과 동일하게 JSP 의 응답결과는 html 형식으로 서비스됩니다. JSP 는 최초 요청시 자바 소스로 변환되며, 변환 후 컴파일되어 클래스 파일이 만들어집니다. *.jsp -> *.java -> *.class 순으로 처리됩니다. JSP 소스의 자바 소스 변환과 컴파일 작업은 JSP 컨테이너가 실행하며, 컴파일된 클래스 파일은 서블릿 컨테이너가 실행합니다. J.. 2022. 7. 16.
[Servlet] 필터 (Filter) 목차 필터(Filter)란? 클라이언트에서 서블릿으로 요청하고 응답을 처리할 때, 서블릿이 요청 받기 전과 응답 처리 전에 임의의 특정 작업을 수행하도록 Filter API를 사용할 수 있습니다. 즉, 서블릿이 실행되기 전의 선처리 작업과 응답 전의 후처리 작업이 가능합니다. 필터가 수행되는 시점은 요청된 서블릿이 수행되기 전과 후이며, 필터 기능을 사용하여 서블릿의 처리와 유지 보수를 더욱 효과적으로 처리할 수 있습니다. 필터 기능을 활용하여 처리하는 기능 중 대표적인 것이 한글 처리입니다. 필터를 활용하면 여러 페이지에서 수행해야 하는 한글 처리를 한 번의 작업으로 처리할 수 있게 됩니다. 필터 객체의 메소드 메소드 기능 init(FilterConfig) 필터 객체 생성시 호출되는 메소드. 필터 객체.. 2022. 7. 10.
[Servlet] 요청 재지정 - sendRedirect(), forward(), include() 목차 요청 재지정 클라이언트로부터의 요청에 대해 서버에 존재하는 다른 자원으로 요청을 위임하는 것을 요청 재지정이라고 합니다. 요청 재지정을 하는 방법은 다음의 세 가지가 있습니다. 메소드 제공 객체 메소드 기능 HttpServletResponse sendRedirect(String location) location에 설정된 자원으로 요청을 재지정한다. RequestDispatcher forward(ServletRequest request, ServletResponse response) RequestDispatcher 객체 생성시 path로 설정한 자원으로 요청을 재지정한다. include(ServletRequest request, ServletResponse response) RequestDispatc.. 2022. 7. 10.
[Servlet] 상태 정보 유지 기술 목차 상태 정보 유지 기술 웹에서 사용하는 HTTP 프로토콜의 통신 방식은 무상태(Stateless)의 특징을 가집니다. 클라이언트로부터 요청이 있을 때마다 연결 작업이 새롭게 이루어지고, 서버가 클라이언트에게 응답을 보내는 즉시 끊어집니다. 따라서 이전 요청에서 처리된 정보를 계속해서 사용하고 싶다면, 반드시 클라이언트나 서버에 정보를 저장해서 유지해야 합니다. 이처럼 상태 정보(State Information)를 계속된 요청에서 사용할 수 있도록 클라이언트나 서버에 저장하는 것을 상태 정보 유지 기술이라고 합니다. 상태 정보 유지 기술은 다음과 같이 저장 위치, 유지 기간에 따라 분류할 수 있습니다. 객체 상태 정보 저장 위치 유지 기간 ServletContext 서버 측에 저장 웹 애플리케이션 단위.. 2022. 7. 10.

티스토리툴바