Andamiro25

4가지 Scope Application : 웹 어플리케이션이 시작되고 종료될 때까지 변수가 유지되는 경우 사용 Session : 세션객체가 생성되서 세션객체가 소멸 될 때 까지의 scope, 여러개의 요청이 들어와도 남아 있다, 뒤 상태 유지에서 사용되는 scope이다, 웹 브라우저 별로 변수가 관리되는 경우 사용 Request : 클라이언트로 부터 요청이 들어와서 서버가 어떤 일을 수행한 다음 응답을 보낼 때 까지 사용할 수 있는 scope, 포워드를 예로 들어 servlet1과 servlet2로 포워드 시켰을 때 request scope는 같았고, 페이지 scope은 달랐다. http요청을 WAS가 받아서 웹 브라우저에게 응답할 때까지 변수가 유지되는 경우 사용 Page : 서블릿이던, jsp던 그 ..

Servlet과 JSP연동 Servlet은 프로그램 로직이 수행되기에 유리하다. IDE 등에서 지원을 좀 더 잘해준다. ex) 자체가 자바 파일, out.println()를 써가며 html 태그 사용 JSP는 결과를 출력하기에 Servlet보다 유리하다. 필요한 html문을 그냥 입력하면 됨. ex) html을 그냥 작성가능, 를 써가며 자바 코드 작성 프로그램 로직 수행은 Servlet에서, 결과 출력은 JSP에서 하는 것이 유리하다. Servlet과 JSP의 장단점을 해결하기 위해서 Servlet에서 프로그램 로직이 수행되고, 그 결과를 JSP에게 포워딩하는 방법이 사용되게 되었다. 즉 로직은 Servlet이 맡고, 출력은 JSP가 맡는다. 이를 Servlet과 JSP연동이라고 한다. 실습 - Log..

리다이렉트 (redirect) 리다이렉트는 HTTP프로토콜로 정해진 규칙이다. 서버는 클라이언트의 요청에 대해 특정 URL로 이동을 요청할 수 있다. 이를 리다이렉트라고 한다. 서버는 클라이언트에게 HTTP 상태코드 302로 응답하는데 이때 헤더 내 Location 값에 이동할 URL 을 추가한다. 클라이언트는 리다이렉션 응답을 받게 되면 헤더(Location)에 포함된 URL로 재요청을 보내게 된다. 이때 브라우저의 주소창은 새 URL로 바뀌게 된다.. 클라이언트는 서버로부터 받은 상태 값이 302이면 Location헤더값으로 재요청을 보내게 된다. 이때 브라우저의 주소창은 전송받은 URL로 바뀌게 된다. 서블릿이나 JSP는 리다이렉트하기 위해 HttpServletResponse 클래스의 sendRed..

JSP 내장 객체란? JSP를 실행하면 서블릿 소스가 생성되고 실행된다. JSP에 입력한 대부분의 코드는 생성되는 서블릿 소스의 _jspService() 메소드 안에 삽입되는 코드로 생성된다. _jspService()에 삽입된 코드의 윗부분에 미리 선언된 객체들이 있는데, 해당 객체들은 jsp에서도 사용 가능(JSP에서 바로 작성가능)하다. response, request, application, session, out과 같은 변수를 내장객체라고 한다. 예제 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Insert title here why? 이미 내장객체로 존재 out.print("url :" + url.toString()); out.print(" "); %> Colored b..

스크립트 요소의 이해 JSP 페이지에서는 선언문(Declaration), 스크립트릿(Scriptlet), 표현식(Expression) 이라는 3가지의 스크립트 요소를 제공 선언문(Declaration) - : 전역변수 선언 및 메소드 선언에 사용 스크립트릿(Scriptlet) - : 프로그래밍 코드 길수에 사용 표현식(Expression) - : 화면에 출력할 내용 기술에 사용 선언문(Declaration) 선언문 : 선언문은 JSP 페이지 내에서 필요한 멤버변수나 메소드가 필요할 때 선언해 사용하는 요소 선언문의 문법 - Service() 메서드가 아닌 Class body 쪽에 해당코드가 바뀐다. 예제) exam1.jsp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ..

*Ajax 어원 확인 1. Ajax (XMLHTTPRequest 통신) 이 기술은 웹에 데이터를 갱신할 때, 브라우저 새로고침 없이 서버로부터 데이터를 받는 것이 좋겠다는 생각에서 출발했습니다. 더 좋은 UX를 제공할 수 있는 기술입니다. 페이지 전체의 데이터를 가져오는 것이 아닌, 필요한 부분의 데이터만 가져오는 기술 Ajax통신의 이해 Ajax 통신으로는 XML, Plain Text, JSON 등 다양한 포맷의 데이터를 주고받을 수 있지만, 일반적으로 사용이 편리한 JSON포맷으로 데이터를 주고 받습니다 JSON이 무엇인지 찾아보고, JSON 포맷으로 데이터를 작성하려면 어떤 규칙이 필요한지 알아보세요. JSON 클라이언트와 서버가 데이터를 주고 받을 때 어떠한 포맷이 필요한데, 현재 많이 쓰는 것이..

Event 브라우저에는 많은 이벤트가 발생합니다. 브라우저 화면의 크기를 마우스로 조절할 때도, 스크롤을 할 때도, 마우스로 이동하거나 무언가를 선택할 때도 이벤트가 발생합니다. 이벤트를 브라우저가 발생시켜주니, 우리는 그때 어떤 일을 하라고 할 일을 등록할 수가 있습니다. 다시 말해, HTML엘리먼트별로 어떤 이벤트(주로 키보드나 마우스 관련)가 발생했을 때 특정 행위를(어떤 일) 하고 싶다면, 대상엘리먼트를 찾고 어떤 일을 등록하면 된다. 그것을 자바스크립트로 구현할 수 있습니다. 이벤트 등록 이벤트 등록 표준방법입니다. addEventListener 함수를 사용할 수 있습니다. var el = document.querySelector(".outside"); el.addEventListener("cl..

1. DOM 브라우저에서는 HTML코드를 DOM(Document Object Model)이라는 객체형태의 모델로 저장합니다. 그렇게 저장된 정보를 DOM Tree라고 합니다. 결국 HTML element는 Tree 형태로 저장됩니다. Dom tree 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색알고리즘을 구현하면 너무 힘듭니다. 그래서 브라우저에서는 DOM(document object model)이라는 개념을 통해서, 다양한 DOM API(함수 묶음정도)를 제공하고 있습니다. 브라우저는 DOM Tree찾고 조작하는 걸 쉽게 도와주는 여러 가지 메서드를(DOM API)를 제공합니다. 2. getElementById() ID 정보를 통해서 찾을 수 있습니다. MDN사이트를 참고해서 이를 ..