개발공부/WEB (7) 썸네일형 리스트형 제이쿼리 선택자와 AJAX 1. 제이쿼리(JQuery) 제이쿼리란 화면의 동적 기능을 자바스크립트보다 좀 더 쉽고 편리하게 개발할 수 있게 해주는 자바스크립트 기반 라이브러리이다. 제이쿼리는 여러가지 효과나 이벤트를 간단한 함수 호출만으로 빠르게 개발할 수 있어 유용하다. 주요 특징 - CSS 선택자를 사용해 각 HTML 태그에 접근해서 작업하므로 명료하면서도 읽기 쉬운형태로 표현가능 - 메서드 체인 방식으로 수행하므로 여러 개의 동작(기능)이 한 줄로 나타내어 코드의 불필요한 반복을 피할 수 있다. - 풍부한 플러그인 제공 (이미 개발된 많은 플러그인) - 크로스 브라우징을 제공하므로 브라우저 종류에 상관 없이 동일하게 기능을 수행한다. 제이쿼리를 사용하는 방법은 라이브러리를 다운받거나 CDN코드를 추가해줘서 사용할 수 있다. .. AJAX란? AJAX (Asynchronous Javascript And XML) 정의 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 즉, 쉽게 말하자면 자바스크립트를 통해서 서버에 데이터를 비동기 방식으로 요청하는 것이다. 비동기 방식이란? 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식이며 Ajax를 통해서 서버에 요청을 한 후 멈추어 있는 것이 아니라 그 프로그램은 계속 돌아간다는 의미를 내포하고 있다. 비동기 방.. @ReuquestParam @ReuqestParam 을 이용한 값 받아오기 @ReuqestParam 어노테이션은 HttpServletRequest 객체와 같은 역할을 한다. HttpServletRequest에서는 getParameter() 메소드를 이용했지만, @RequestParam을 이용해서 받아오는 방법도 있다. 메소드의 파라미터값으로 @RequestParam을 넣어주면된다. 코드를 통해 예를들어보면 HomeController.java @Controller public class HomeController { @RequestMapping("/board/checkId") public String checkId(@RequestParam("id") String id, @RequestParam("pwd") String pwd, Mo.. Spring : JSP 스크립트 요소 기능(2) 지난글 https://tigre911.tistory.com/70 Spring : JSP 스크립트 요소 기능(1) JSP 스크립트 요소 JSP 스크립트 요소란 JSP 페이지에서 여러 가지 동적인 처리를 제공하는 기능으로 기호 안에 자바 코드로 구현한다. 기호를 스크립트릿 이라고 부른다. 스크립트 요소 tigre911.tistory.com * 내장 객체(내장 변수) 기능 JSP 페이지의 내장 객체(내장 변수)란 JSP가 서블릿으로 변환될 때 컨테이너가 자동으로 생성시키는 서블릿 멤버 변수를 말한다. 즉, 서블릿으로 구현시 자주 사용했던 객체를 개발자가 일일이 만드는 것이 아니라 서블릿으로 변환 시 컨테이너가 자동으로 생성하여 사용하게끔 제공하는 것이다. 내장 객체 서블릿 타입 설명 request javax... Spring : JSP 스크립트 요소 기능(1) JSP 스크립트 요소 JSP 스크립트 요소란 JSP 페이지에서 여러 가지 동적인 처리를 제공하는 기능으로 기호 안에 자바 코드로 구현한다. 기호를 스크립트릿 이라고 부른다. 스크립트 요소의 종류는 세가지가 있다. - 선언문 : JSP에서 변수나 메서드를 선언할 때 사용한다. - 스크립트릿 : JSP에서 자바 코드를 작성할 때 사용한다. - 표현식 : JSP에서 변수의 값을 출력할 때 사용한다. * 선언문 사용하기 선언문은 jsp 페이지에서 사용하는 멤버 변수나 멤버 메서드를 선언할 때 사용한다. 선언문 안의 멤버는 서블릿 변환 시 서블릿 클래스의 멤버로 변환된다. 선언문의 형식 예제 안녕하세요 님! 실행결과 선언문에서 선언된 변수와 메서드는 서블릿 클래스의 멤버 변수와 멤버 메서드로 변환이 된다. 따라서.. Spring : JSP 정의와 구성 요소 JSP의 등장배경 문제점 웹 프로그램의 화면 기능이 복잡해지므로 서블릿의 자바 기반으로 화면 기능 구현시 어려움이 발생한다. 디자이너 입장에서 화면 구현 시 자바 코드로 인해 작업이 어렵다. 서블릿에 비즈니스 로직과 화면 기능이 같이 있다 보니 개발 후 유지관리가 어렵다. 해결책 서블릿의 비즈니스 로직과 결과를 보여주는 화면기능 분리 비즈니스 로직과 화면을 분리함으로써 개발자는 비즈니스 로직 구현에 집중, 디자이너는 화면 기능 구현에 집중 개발 후 재사용성과 유지관리가 훨씬 수월해진다. JSP의 구성요소 JSP는 HTML과 CSS와 자바스크립트를 기반으로 JSP에서 제공하는 여러 가지 구성 요소들을 사용해 화면을 구현하는 기술이다. 주로 웹 프로그램의 화면 기능과 모델2 기반 MVC에서 뷰(view) 기.. Spring : 서블릿(servlet)이란? 서블릿 이란? 서블릿은 서버 쪽에서 실행되면서 클라이언트의 요청에 따라 동적으로 서비스를 제공하는 자바 클래스이다. 서블릿은 자바언어로 작성되어 있어 자바의 일반적인 특징을 모두 가진다. 그러나 서블릿은 일반 자바 프로그램과 다르게 독자적으로 실행되지 못하고 톰캣과 같은 JSP/Servlet 컨테이너에서 실행된다는 점에서 차이가 있다. 서블릿은 서버에서 실행되다가 웹 브라우저에서 요청을 하면 해당 기능을 수행한 후 웹브라우저에 결과를 전송한다. 서버에서 실행되므로 보안과 관련된 기능도 훨씬 안전하게 수행할 수 있다. 서블릿 동작 과정 클라이언트가 웹 서버에 요청하면 웹 서버는 그 요청을 톰캣과 같은 웹 어플리케이션 서버(WAS)에 위임한다. 그러면 WAS는 각 요청에 해당하는 서블릿을 실행한 뒤, 요청에.. 이전 1 다음
