A sentimental robot

MODEL 1 Web browser의 요청(request)을 VIEW (JSP) 에서 단독으로 처리 즉, JSP에서 VIEW와 Controller 역할을 같이 수행한다. JSP 페이지에서 직접 Model에 접근하여 데이터를 처리한다. Controller (Servlet) 과 Model (JavaBean) 을 만들어 분리하지 않은 방식인 모델 1 방식이다. Login.jsp 로그인 페이지 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 Insert title here Login ID Pass Colored by Color Scripter cs joinForm.jsp 회원가입 페이지 1 2 3 4 5 6 7 8 9 10 11 1..

Servlet과 Jsp로 웹 서버를 구축할 수 있는데 eclipse에서 개발하는 것이 좋다. Servlet이 곧 자바 언어로 구현되기 때문이다. eclipse를 들어가보자. New - Other - Web - Dynamic web project Java Resources - src - 클래스명.java 실행시키기 전에 한가지 더 해야할 작업이 있다. 서버로 띄울 매핑 작업이다. 두 가지 방법이 있는데, 첫 번째 방법은 만들어준 서블릿 클래스 위에 annotation을 달아준다. @WebServlet("/myServlet") public class MyServlet extends HttpServlet 그리고 두번째 방법은 web.xml에서 매핑해주는 방법이다. WebContent - WEB-INF - we..

HTTP 요청 발생 시 클라이언트 측과 서버측에서 다양한 에러가 날 가능성이 있다. 내 서버에 접속하려는 클라이언트들에게 기존의 에러페이지 대신 내가 만든 에러페이지를 보여주고 싶다면? 나는 이클립스 환경에서 나만의 에러 페이지를 만들어 보았다. 에러페이지를 만드는 방법은 두 가지가 있는데, 첫번째 방법은 지시어를 이용한 방법이다. 에러가 발생할 가능성이 있는 페이지 상단에 를 써준다. 에러 발생 시 my404error.jsp 페이지를 보여주겠다!라는 뜻 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Insert title here Colored by Color Scripter cs 그리고 my404error.jsp를 가보자. 해당 페이지를 에러페이지로 설정하겠다. 응답코드를 200으로..

Action tag 는 JSP를 이루는 요소 중 하나이다. 액션태그는 대표적으로 페이지와 페이지 사이의 제어를 이동시키는 forward 액션태그와 다른 페이지를 포함시킬 수 있는 include 액션태그가 있다. 또한 데이터를 담는 객체인 자바빈을 쓸 수 있는 useBean 액션태그도 있다. 액션태그 사용 문법은 다음과 같다. forward_test.jsp 안의 코드이다. 액션태그는 xml 문법을 따르기 때문에 태그를 닫아주어야 한다. 바디가 없을 경우 이런 문법도 가능! 그렇다면 forward 액션태그는 어떤 기능을 하고 왜 쓰는가? 간단하게 말하자면, forward 액션태그는 웹페이지 간 요청 흐름의 이동이다. 그렇기 때문에 forward 액션태그를 부른 페이지의 출력 결과는 forward 액션태그가 ..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 10.19 function blockRightClick() { alert("오른쪽 버튼을 사용할 수 없습니다."); return false; } function blockSelect() { alert("내용을 선택할 수 없습니다."); return false; } 마우스 오른쪽 버튼과 내용 선택 막기 마우스 오른쪽 버튼을 클릭하거나 드래그해서 내용을 선택해 보세요. Colored by Color Scripter cs

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 10.19 var imgArr=new Array(); imgArr[0]="01.jpg"; imgArr[1]="02.jpg"; imgArr[2]="03.jpg"; imgArr[3]="04.jpg"; function showImage(){ var imgNum=Math.round(Math.random()*3); var obj=document.getElementById("divClock"); obj.src=imgArr[imgNum]; } Colored by Color Scripter cs

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 10.19 var notice = "안녕하세요?" var index = 0; function showNotice() { index++; var div = document.getElementById("divClock"); if (index > notice.length) { div.innerText = ""; index = 0; } else div.innerText = notice.substr(0, index); setTimeout(showNotice, 500); } Colored by Color Scripter cs