전체 글 (83) 썸네일형 리스트형 [Servlet] response, exception-handler 서블릿이 하는 역할은 크게 3가지라고 볼 수 있다. 1. 요청 받기(HTTP method GET/POST 요청에 따른 parameter로 전달 받은 데이터를 꺼내올 수 있다) 2. 비즈니스 로직 처리(DB 접속과 CRUD에 대한 로직 처리 -> 서비스를 호출하는 쪽으로 해결(MVC)) 3. 응답하기 (문자열로 동적인 웹(HTML 태그)페이지를 만들어서 스트림을 이용하여 내보내기) 사용자 브라우저에 응답하기 위해 HttpServletResponse가 가지는 getWriter() 메소드로 PrintWriter 인스턴스를 반환 받는다. PrintWriter는 BufferedWriter와 형제격인 클래스이지만 더 많은 형태의 생성자를 제공하고 있어서 실제로는 범용성으로 인해 더 많이 사용 된다. 문자열을 이용해.. [Servlet] Parameter(getParameter..) index.html 먼저 작성 Request Parameter GET 방식의 요청 form 태그를 이용한 get 방식의 요청 이름 : 나이 : 생일 : 성별 : 남자 여자 국적 : 한국 중국 일본 기타 취미 : 영화 음악 취침 내가 넣은 값에 주소값에 출력된다. 대신 404오류페이지가 뜬다. 서블릿 생성 mapping은 위에서 html구문에서 작성해준 action값과 동일하게 작성한다. doGet만 필요하니 나머지 선택체크하고 Finish 이후에 다시 값을넣고 실행하면 오류페이지는 안 뜬다. (빈 페이지) HttpServlet 클래스의 service 메소드가 요청 방식에 의해 GET 요청은 doGet() 메소드를 호출하며 request와 response를 전달해준다. service로부터 전달받은 Http.. [Servlet] annotation, service method 이전 게시글에서 xml 매핑에 대해서 알아봤다. 더 편하고 간단한 annotation 매핑에 대해서 알아보자. public class LifeCycleTestServlet extends HttpServlet { // 메소드 호출 횟수를 카운트하기 위한 용도의 필드 private int initCount = 1; private int serviceCount = 1; private int destroyCount = 1; // 서블릿의 요청이 최초인 경우 한 번 동작하는 메소드 @Override public void init(ServletConfig config) throws ServletException { System.out.println("annotation 매핑 init() 메소드 호출 : " + in.. [Servlet] CGI, WAS, 톰캣 다운로드, 서블릿 라이프 사이클 CGI(Common Gateway Interface) - 웹서버가 직접적으로 웹 프로그램을 실행하는 것을 말한다. 동일한 프로그램에 대한 요청이 있을 때마다 각각 프로그램을 실행. 요청과 프로그램이 1:1 매칭되어 실행 WAS - 웹 서버가 웹 애플리케이션 서버에 요청하면 웹 애플리케이션 서버가 해당되는 프로그램을 실행하는 방식, 한 프로그램에 여러 요청이 있는 경우 한 개의 프로그램을 실행하여 그 프로그램을 다수 요청을 처리(동적) Ex) 동시에 여러명이 똑같은 요청을 하더라도 병렬적으로 처리하는 행위 구분 장점 단점 Web Server - 빠른 처리 속도 -> 요청에 대한 결과 페이지만 전송 - 구현이 쉬움 -> HTML같은 단순한 문서만으로 구성 - 한정적인 서비스 -> 만들어진 정보만 보여주기 때.. [JavaScript] 정규표현식 정규 표현식 - 특정한 규칙을 가진 문자열의 집합을 표현하는데 사용하는 형식 언어로 정규 표현식을 이용하면 입력 된 문자열에 대하여 특정 조건 검색, 치환 가능 - 복잡한 조건문 대신 간단하게 처리 가능 정규 표현식(Regular Expressions)의 객체 생성 - 자바스크립트에서는 RegExp 객체와 문자열 메소드를 조합해 정규 표현식을 사용한다. - 정규 표현식은 패턴(pattern)과 선택적으로 사용할 수 있는 플래그(flag)로 구성된다. 정규식 사용 메소드 정규 표현식 메소드 - test : 문자열에서 정규식 변수의 값과 일치하는 값이 있으면 true, 없으면 false 반환 문자열 메소드 - match : 문자열에서 정규식 변수의 값과 일치하는 모든 값 반환 - replace : 문자열에서.. [JavaScript] 폼 이벤트 폼 이벤트 - document.forms : 문서에 존재하는 form들을 반환 Ex. document.forms.memberJoin : name 속성이 memberJoin인 문서 내의 form Ex. document.forms[0] : 문서 내의 가장 첫 번째 form - form.elements : 해당 form 내의 name 속성이 일치하는 element 들을 반환 Ex. form.elements.userid : name 속성이 userid인 해당 form 내의 element - 폼 요소 탐색에 쓰이는 프로퍼티는 태그 구조에 의존하지 않아 태그 깊이와 무관하게 form.elements 사용해 접근 - 반대로 모든 요소는 element.form으로 폼에 접근 가능(역참조) 회원가입 미리 만들어놓은 폼 .. [JavaScript] 마우스 이벤트, 키보드와 스크롤 이벤트 마우스 이벤트 종류 mousedown/mouseup : 요소 위에서 마우스 왼쪽 버튼을 누를 때, 마우스버튼을 누르고 있다가 뗄 때 mouseover/mouseout : 마우스 커서가 요소 바깥에 있다가 요소 안으로 움직일 때, 커서가 요소 위에 있다가 요소 밖으로 움직일 때 mousemove : 마우스를 움직일 때 click : 마우스 왼쪽 버튼을 사용해 동일한 요소 위에서 mousedown 이벤트와 mouseup 이벤트를 연달아 발생시킬 때 contextmenu : 마우스 오른쪽 버튼을 눌렀을 때 - 마우스 왼쪽 : 0 - 마우스 오른쪽 : 2 - 휠(가운데) 클릭 : 1 - 마지막 더블클릭까지 확인됨 마우스 이벤트 좌표 클라이언트 좌표(clientX, clientY) : 웹 문서를 기준으로 각각 왼.. [JavaScript] 이벤트 이벤트 마우스 이벤트(click, mouseover, mouseout, mousemove...) 폼 요소 이벤트(submit, focus) 키보드 이벤트(keydown, keyup) 문서 이벤트 등의 DOM 이벤트 들이 있는데 이러한 이벤트가 발생했을 경우 실행되는 함수를 이벤트 핸들러라고 하며 핸들러를 할당하는 방법은 다양하다. 1. HTML 속성 HTMl 안의 onevent 속성에 이벤트 핸들러 할당하는 방법 Ex. 등 간단한 코드는 그냥 작성하기도 하지만 코드가 같다면 별도의 함수를 만들고 이를 호출한다. 클릭해보세요 마우스를 올려보세요 핸들러 내부에 쓰인 this의 값은 핸들러가 할당된 요소 => 이벤트가 발생한 button 2. DOM 프로퍼티 요소 객체가 가지고 있는 onevent 속성에 이벤.. 이전 1 2 3 4 5 6 ··· 11 다음
