SEA

html 태그는 컨테이너 작업 없이 바로 브라우저로 전송되어 화면을 구현하므로 화면을 동적으로 구현할 수 없음 반면 JSP는 컨테이너에서 자바로 변환되는 과정을 거침 -> jsp에서 제공하는 스크립트 요소를 이용하면 조건이나 상황에 맞게 html 태그를 선택적으로 전송하여 화면을 동적으로 구성할 수 있음 jsp 스크립트 요소 기능에 대해 알아보자 12.1 JSP 스크립트 요소 JSP 스크립트 요소(Scripting Element) : jsp 페이지에서 여러 가지 동적인 처리를 제공하는 기능 기호 안에 자바코드로 구현함. 이 기호를 스크립트릿(scriptlet)이라 함 -스크립트 요소의 종류 선언문(declaration tag) : jsp에서 변수나 메서드를 선언할 때 사용함 (12.2에서) 스크립트릿(s..

11.1 JSP 등장 배경 390p 초기 웹 프로그램 - 서블릿을 이용해서 구현 서블릿의 응답 기능을 이용함. 자바 코드를 이용해 HTML 태그를 브라우저로 전송하는 방식 -> 인터넷 사용자가 폭증, 화면의 기능이나 구성이 복잡해짐... 사용자를 고려하는 화면 요구 사항이 점점 증가함 디자이너가 화면 구현을 담당하게 됨, 서블릿 기능 중 별도로 화면 기능을 디자이너가 작업하기 쉽게 하기위해 JSP가 등장함 - 서블릿으로 화면 구현 시 문제점 기존 서블릿 = 비즈니스 로직 기능 + 화면 기능 자바 코드를 기반으로 문자열을 사용해 html과 자바스크립트로 화면을 구현했음 -> 화면 기능이 복잡해지며 화면을 나타내는 코드도 복잡해지며 두 기능을 분리! => JSP : HTML, CSS와 자바스크립트를 기반으로..

서블릿의 기능을 도와주는 다른 API들에 대해 알아보자 서블릿의 요청과 응답 기능을 작업하기 전에 수행하는 필터(Filter) 기능을 알아보고 서블릿의 속성과 스코프(scope) 개념에 대해 살펴보자 서블릿 API에서 특정 이벤트가 발생했을 때 이벤트를 처리할 수 있는 여러가지 리스너(Listener)에 대해서도 알아보자 10.1 서블릿 속성과 스코프 356p 서블릿 속성(Attribute) ServletContext, HttpSession, HttpServletRequest 세 서블릿 API 클래스에 저장되는 객체(정보) 서블릿 API의 setAttribute(String name, Object value)로 바인딩하고, 필요할 때 getAttribute(String name)으로 바인딩된 속성을 가져..

9.1 웹페이지 연결 기능 동시 사용자 수가 많아지면 데이터베이스 연동 속도 느려짐 => 정보의 종류에 따라서 클라이언트 pc나 서버의 메모리에 저장해두고 사용하면 프로그램을 좀더 빠르게 실행시킬 수 있음 9장에서는 그 방법과 함께 로그인 시 사용자의 로그인 상태를 일정하게 유지시키는 기능에 대해 알아보자 세션 트래킹(session tracking) 308p http 프로토콜 방식으로 통신하는 웹페이지들은 사용자의 로그인 정보를 포함하여 어떤 정보도 서로 공유하지 않음 사용자 입장에서 웹 페이지 사이의 상태나 정보를 공유하려면 프로그래머가 세션 트래킹이라는 웹 페이지 연결 기능을 구현해야 함 - http 프로토콜로 웹 페이지를 요청해서 브라우저에 표시하는 과정 브라우저는 웹페이지 1, 2, 3과 각각 통..

8장 서블릿 확장 API 사용하기 8.1 서블릿 포워드 기능 사용하기 이 장에서는 서블릿 프로그래밍 개발에 사용하는 기능인 포워드, 바인딩, 애너테이션 등 다양한 기능에 대해 살펴보자 - 포워드(forward) 하나의 서블릿에서 다른 서블릿이나 JSP와 연동하는 방법을 말함. -포워드 주요 사용 용도 요청에 대한 추가 작업을 다른 서블릿에게 수행하게 함 요청에 포함된 정보를 다른 서블릿이나 jsp와 공유할 수 있음 요청에 정보를 포함시켜 다른 서블릿에 전달할 수 있음 모델2(17장) 개발 시 서블릿에서 jsp로 데이터를 전달하는 데 사용됨 => 포워드 기능은 서블릿에서 다른 서블릿이나 jsp로 요청을 전달하는 역할을 함 8.2 서블릿의 여러 가지 포워드 방법 서블릿에서 사용되는 포워드 방법 네 가지 1...

7장. 서블릿 비즈니스 로직 처리 7.1 서블릿의 비즈니스 로직 처리 방법 - 서블릿 비즈니스 처리 작업 : 서블릿이 클라이언트로부터 요청을 받으면 그 요청에 대해 작업을 수행하는 것 웹 프로그램에서 대부분의 비즈니스 처리 작업은 db 연동 관련 작업이지만 그 외에 다른 서버와 연동해서 데이터를 얻는 작업도 수행함. - 비즈니스 처리 과정 1. (클라이언트->서블릿) 서블릿- 클라이언트로부터 요청받음 2. (서블릿DB)서블릿- db 연동 등의 비즈니스 로직을 처리 3. (클라이언트 새 접속 > 데이터베이스 연동정보 입력 > 워크시트에 테이블 생성 및 데이터 입력 > select문으로 조회해서 확인 > 이클립스에서 입력한 테이블 조회 : ojdbc6.jar(오라클 db와 연동에 필요한 드라이버)를 프로젝트..

17-1 문서 객체 모델 (DOM) 1. 문서 객체 모델 알아보기 2. DOM 요소에 접근하고 속성 가져오기 문서 계층 구조 자바스크립트에서는 프로그래밍 할수있는 모든 대상을 객체화함 웹 문서의 요소들을 프로그래밍하기 위해서는 각각의 요소들을 객체화시켜야하고, 이를 문서 객체 모델이라 함 문서 객체 모델(DOM) : 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법 예) 웹 문서 전체는 document 객체, 삽입한 이미지는 image 객체로 관리함 웹 문서의 요소(태그)들은 다음과 같이 요소의 계층 관계로 나타낼 수 있다 이 요소(태그)들만으로는 웹문서를 다 이해할 수 없음 -> 각 태그의 속성, 태그가 감싸고 있는 텍스트의 내용까지 포함해서..

16-1 자바스크립트와 객체 객체 알아보기 자바스크립트와 내장 객체 객체 알아보기 자바스크립트에는 이미 여러 객체들이 포함되어있음. 그중에서 Date 객체를 중심으로해서 객체의 사용방법에 대해 알아보자. 객체(object)란 프로그램에서 인식할 수 있는 모든 대상을 말함 자바스크립트에서 데이터를 저장하고 처리하는 기본 단위 자바스크립트 객체 자바스크립트 안에 미리 정의해놓은 객체가 있음 문서 객체 모델(DOM) : 웹 문서 안에 포함된 이미지, 링크, 텍스트필드 등을 모두 별도의 객체로 관리하는 것. 웹 문서를 좀더 다이나믹하게 꾸미기 위해 하나하나 요소를 조절하기 위해 사용함 브라우저 관련 객체 : 웹 브라우저 정보를 객체로 관리함. 웹 브라우저 주소, 화면 등을 별도의 객체로 관리함 내장 객체 : 웹..

15-1 함수와 이벤트 함수 처리해야할 명령들을 묶어놓은 것. 두 수를 더해서 알람창으로 보여주기 위한 명령들 var num1 = 2; var num2 - 3; var sum = num1 + num2; alert("결과값 : " + sum); 이를 함수로 묶어서 나타내보자 function addNumber() { var num1 = 2; var num2 - 3; var sum = num1 + num2; alert("결과값 : " + sum); } addNumber(); 함수의 시작과 끝이 명확해짐 정의된 함수의 이름을 호출하여 언제든 사용할 수 있음. [기본형] function 함수이름(매개변수) { 수행할 명령들 } var과 let let는 ES6(ECMAScript6, 자바스크립트 표준화 6버전) 이..

13 자바스크립트와 첫 만남 웹 플랫폼을 사용자와 연결해주는 매개체가 웹 브라우저임 브라우저에서 프로그래밍 할 수 있는 언어 중 하나가 자바스크립트 자바 스크립트로 무엇을 할까 1. 웹 요소를 제어 -웹 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게 할 수 있음 -웹 사이트 ui 부분에 많이 활용 (예. 마우스 포인터를 올렸을 때 펼쳐지는 메뉴, 한 화면에서 탭을 눌러 내용만 바뀌도록 하는 컨텐츠) 2. 웹 애플리케이션을 만듦 -최근의 웹 사이트는 단순 정보 제공만이 아니라 사용자와 실시간으로 정보를 주고 받으며 애플리케이션처럼 동작( 온라인 지도의 길찾기 서비스, 데이터 시각화 서비스 등) 3. 다양한 라이브러리를 사용할 수 있음 웹을 중심으로 하는 서비스가 늘어나며 브라우저가 처리할 일들이..