제이쿼리(Jquery)
개발/Programming
/ 2021. 7. 21.
제이쿼리는 HTML 객체(DOM)를 탐색하는 방법 CSS 선택자를 이용. 제이쿼리의 선택자 종류와 표현하는 방법 제이쿼리 Ajax 기능 클라이언트 측에서의 작업과는 상관 없이 비동기적으로 서버와 작업을 수행할 때 Ajax 기능을 사용 Ajax란 Asynchronous Javascript(비동기 자바스크립트) + XML의 의미로 자바스크립트를 사용한 비동기 통신 *즉 클라이언트와 서버 간의 XML이나 JSON 데이터를 주고받는 기술 특징 Ajax는 페이지 이동 없이 데이터 처리가 가능 서버의 처리를 기다리지 않고 비동기 요청이 가능 제이쿼리 Ajax 사용법 $.ajax({ type:"post 또는 get", async:"true 또는 false", url:"요청할 URL", data: {서버로 전송할 데이..
[JSP] 표현언어와 JSTL
개발/Programming
/ 2021. 7. 14.
JSP의 발전 과정 초기에는 HTML 태그를 중심으로 자바를 이용해 화면을 구성 화면에 대한 요구 사항이 복잡해지면서 자바 코드를 대체하는 액션 태그 등장 현재 JSP 페이지는 스크립트 요소보다는 표현 언어(EL. Expression Language)와 JSTL(JSP Standard Tag Library, JSP 표준 태그 라이브러리)을 사용해서 구현 JSP 페이지에서 표현 언어를 사용하려면 페이지 디렉티브 태그의 속성인 isELIgnored을 false로 설정 표현 언어의 특징 기존 표현식보다 편리하게 값을 출력 변수와 여러 가지 연산자를 포함 JSP의 내장 객체에 저장된 속성 및 자바의 빈 속성도 표현 언어에서 출력 가능 표현 언어 자체 내장 객체도 제공 JSP 페이지 생성 시 기본 설정은 표현 언..
[JSP] 액션 태그
개발/Programming
/ 2021. 7. 4.
액션 태그 액션 태그들로 자바 코드를 대신해서 쉽고 편리하게 작업할 수 있는 태그 형태로 제공 JSP의 여러 가지 액션 태그 인클루드 액션 태그 : 이미 있는 JSP를 현재 JSP에 포함하는 태그 포워드 액션 태그 : 서블릿에서 RequestDispatcher 클래스의 포워딩 기능을 대신하는 태그 유즈빈 액션 태그 : 객체를 생성하기 위한 new 연산자를 대신하는 태그 셋프로퍼티 액션 태그 : setter를 대신하는 태그 겟프로퍼티 액션 태그 : getter를 대신하는 태그 인클루드 액션 태그 형태 .. * page는 포함할 jsp 페이지를 의미 * flush는 지정한 JSP를 실행하기 전 출력 버퍼 비움 여부 지정 포워드 액션 태그 형태 .. 유즈빈 액션 태그 형태
[JSP] JSP 구성 요소와 스크립트 기능
개발/Programming
/ 2021. 6. 24.
* 기존 서블릿에서는 자바 코드를 기반으로 문자열을 사용해 HTML과 자바스크립트로 화면 구현 서블릿으로 구현 시 문제점 웹 프로그램의 화면 기능이 복잡해지므로 서블릿의 자바 기반으로 화면 구현 시 어려움 발생 디자이너 입장에서 자바 코드로 인해 작업이 어려움 유지관리가 어려움 ◎ JSP * JSP는 HTML, CSS, 자바스크립트를 기반으로 JSP 요소들을 사용해 화면 구현 주로 웹 프로그램의 화면 기능과 모델2 기반 MVC에서 뷰(view) 기능을 담당 구성 요소 HTML 태그, CSS, 자바스크립트 코드 JSP 기본 태그 JSP 액션 태그 개발자가 직접 만들거나 프레임 워크에서 제공하는 커스텀(custom) 태그 JSP의 3단계 작업 과정 변환 단계(Translation Step) : 컨테이너는 J..
서블릿의 필터와 리스너 기능
개발/Programming
/ 2021. 6. 22.
서블릿 속성과 스코프 서블릿 속성(attribute) 다음 세 가지 서블릿 API 클래스에 저장되는 객체(정보) ServletContext HttpSession HttpServletReques 서블릿 스코프(scope) 서블릿 API에 바인딩된 속성에 대한 접근 범위 스코프의 기능 로그인 상태 유지 기능 장바구니 기능 MVC의 Model과 View의 데이터 전달 기능 Filter API 브라우저에서 서블릿에 요청하거나 응답할 때 미리 요청이나 응답과 관련해 여러 가지 작업을 처리하는 기능 서블릿의 공통 작업을 미리 필터에서 처리하면 반복 작업할 필요가 없음 ① 요청 필터 사용자 인증 및 권한 검사 요청 시 요청 관련 로그 작업 인코딩 기능 ② 응답 필터 응답 결과에 대한 암호화 작업 서비스 시간 측정 ③..
웹 페이지 연결 기능(Session Tracking)
개발/Programming
/ 2021. 6. 18.
HTTP 프로토콜 - stateless 방식 * 각 웹 페이지의 상태나 정보를 다른 페이지들과 공유하지 않는 방식 세션 트래킹(Session Tracking) 웹 페이지나 서블릿끼리 상태나 정보를 공유, 웹 페이지 연결 기능 연동 방법 태그 : HTML의 태그를 이용해 웹 페이지들 사이의 정보를 공유 URL Rewriting : GET 방식으로 URL 뒤에 정보를 붙여서 다른 페이지로 전송 쿠키 : 클라이언트 PC의 Cookiew 파일에 정보를 저장한 후 웹 페이지들이 공유 세셴 : 서버 메모리에 정보를 저장한 후 웹 페이지들이 공유 ① 태그를 이용한 웹 페이지 연동 - html 작성 - 서블릿 작성 String address = request.getParameter("user_address"); req..