'분류 전체보기'에 해당되는 글 508건

JSP로 학점 변환 예제를 실습해 보겠습니다.

이제 출력을 해 보겠습니다.

github : github.com/soulwine-it

  로그인 창에서 ID와 비밀번호를 입력한 후 JSP로 전송하여 출력해 보겠습니다.

이번에는 스크립트릿 안에 자바 코드를 사용해 ID가 저상적으로 입력되었는지 체크한 후 정상 입력 여부에 따라 동적으로 다른 결과를 출력하도록 구현해 보겠습니다. 

  참고로 login.html 파일 action은 result2.jsp로 바꿔주셔야 합니다.

조금 더 응용해서 result3.jsp를 만들어 보겠습니다.

  if문에서 먼저 ID가 입력되었는지 체크한 후 정상적으로 입력되었으면 다시 내부 if문을 수행하여 ID가 admin인지 체크합니다.

일반 회원 로그인 시 (login.html의 action을 result3.jsp로 바꿔주셔야 합니다.

admin 로그인 시

• HTML 주석
• 자바 주석
• JSP 주석

  위의 3가지는 JSP 페이지에 사용되는 주석문들입니다.

  JSP페이지에서는 HTML이 사용되므로 HTML 주석문이 있고, 스크립트릿 안에서는 자바코드가 사용되므로 자바 주석문이 있습니다. 그리고 스크립트 요소에 대해 주석처리를 하는 JSP 주석문도 있습니다.

  표현식은 JSP 페이지의 정한 위치에서 값을 출력하는 기능입니다. 즉, JSP 페이지에서 변수나 메서드의 결과값 등을 브라우저에 출력하는 용도로 사용합니다.

표현식의 형식은 

<% 값 OR 자바 변수 OR 자바 식 %>

JSP 페이지에서 표현식을 코딩해 보도록 하겠습니다.

  표현식을 이용해 JSP 페이지에서 선언한 변수와 여러 가지 값을 HTML의 원하는 위치에 출력합니다. 이때 <%= %>안의 자바 변수나 자바 식에는 세미콜론이 있으면 안됩니다.

  보통 웹페이지는 웹 디자이너분들이 주도적으로 구현하는 부분인 만큼, 웹 페이지 구현 시 디자이너분들에게 어려운 자바 코드는 거의 사용되지 않습니다.  스크립트릿은 초기의 jsp에서 자바코드를 이용해 화면의 동적인 기능을 구현했지만 지금은 jsp페이지에서는 거의 사용되지 않지만 자바 코드로 화면의 동적인 기능을 구현할 수 있다면 자바코드를 대체해서 나온 여러가지 태그들을 이해하는 데에도 분명 도움이 될 것입니다.

스크립트릿의 형식은

<% 자바코드 %>

그러면 스크립트릿을 사용해 보도록 하겠습니다

http://localhost:8080/jsp_script/hello2.jsp?age=30 로 요청하겠씁니다.

<% %>안에는 자바코드만 쓸 수 있습니다.

  이전까지의 글에서는 컨테이너에서 JSP의 동작과정을 알아보았습니다. HTML태그는 컨테이너 작업 없이 바로 브라우저로 전송되어 화면을 구현하기 때문에 HTML 태그로 화면을 구현하면 조건에 따라 화면을 동적으로 구성할 수 없습니다. 반면에 JSP는 컨테이너에서 자바로 변환되는 과정을 거치므로 JSP에서 제공하는 스크립트 요소를 이용하면 조건이나 상황에 맞게 HTML 태그를 선택적으로 전송할 수 있습니다. 즉 화면을 동적으로 구성할 수 있습니다.

JSP 스크립트 요소란 JSP페이지에서 여러 가지 동적인 처리를 제공하는 기능으로, <% %>기호 안에 자바 코드로 구현합니다. <% %>기호를 스크립트릿이라고 부릅니다.

스크립트 요소의 종류

• 선언문 : JSP에서 변수나 메서드를 선언할 때 사용합니다.
• 스크립트릿: JSP에서 자바 코드를 작성할 때 사용합니다.
• 표현식 : JSP에서 변수의 값을 출력할 때 사용합니다.

선언문은 JSP페이지에서 사용하는 멤버 변수나 멤버 메서드를 선언할 때 사용하며 선언문 안의 멤버는 서블릿 변환 시 서블릿 클래스의 멤버로 변환됩니다. JSP에서 선언문을 코딩해보겠습니다.

디렉티브 태그는 주로 JSP페이지에 대한 전반적인 설정 정보를 지정할 때 사용하는 태그입니다. 디렉티브 태그의 종류는

• 페이지 디렉티브 태그 : JSP 페이지의 전반적인 정보를 설정할 때 사용합니다.
• 인클루드 디렉티브 태그( 공통으로 사용하는 JSP페이지를 다른 JSP 페이지에 추가할 때 사용합니다.
• 태그 라이브러리 디렉티브 태그 : 개발자나 프레임워크에서 제공하는 태그를 사용할 때 사용합니다.

 JSP 페이지로 웹 페이지를 만들다 보면 제목이나 로고를 표시하는 상단, 메뉴를 표시하는 왼쪽 단은 화면이 바뀌더라도 일정하게 유지되는 경우가 많습니다.

  이런 공통 화면을 일일이 JSP 페이지마다 만들어 사용해야 한다면 불편하겠죠. 그래서 JSP에서는 공통으로 사용되는 JSP 페이지를 미리 만들어 놓고 다른 JSP 페이지 요청 시 인클루드 디렉티브 태그를 사용합니다.

  즉 인클루드 디렉티브 태그란 여러 JSP 페이지에서 사용되는 공통 JSP 페이지를 만든 후 다른 JSP페이지에서 공통 JSP페이지를 포함시켜 사용하는 기능을 말합니다.

<%@ include file="공통기능.jsp" %>

  인클루드 디렉티브 태그를 이용해 다른 jsp파일의 이미지를 삽입해 보도록 하겠습니다.

WebContent에 image 폴더를 생성하고 원하시는 사진을 복사해서 붙여 넣습니다.

그리고 include.jsp파일과 삽입할 .jsp파일을 만들어 줍니다.

저는 박보영님의 팬이라 이렇게 사진을 빌려왔습니다. (박보영님 좋은 영화 많이 찍어주세요!!)

브라우저에서 요청하면 include.jsp안에 park_image.jsp가 포함되네요!

인클루드 디렉티브 태그를 이용해 JSP페이지가 호출되는 과정을 다시 말하자면

include.jsp -> park_image.jsp의 코드를 include.jsp에 포함시킨 후 자바 코드로 변환

-> include_jsp.java -> 자바코드를 서블릿 클래스로 변환 -> include_jsp.class

JSP 페이지에서 사용되는 구성요소들을 알아보겠습니다.

• 디렉티브 태그
• 스크립트 요소 : 주석문, 스트립트릿, 표현식, 선언식
• 표현 언어
• 내장 객체
• 액션 태그
• 커스텀 태그

디렉티브 태그는 주로 JSP페이지에 대한 전반적인 설정 정보를 지정할 때 사용하는 태그입니다. 디렉티브 태그의 종류는

• 페이지 디렉티브 태그 : JSP 페이지의 전반적인 정보를 설정할 때 사용합니다.
• 인클루드 디렉티브 태그( 공통으로 사용하는 JSP페이지를 다른 JSP 페이지에 추가할 때 사용합니다.
• 태그 라이브러리 디렉티브 태그 : 개발자나 프레임워크에서 제공하는 태그를 사용할 때 사용합니다.

디렉티브 태그에 설정하는 여러 가지 JSP속성

  페이지 디렉티브 형식은 다음과 같이 <%@ page 속성1="값" 속성2="값" 속성3="값" ...%>안에 속성과 값을 나열하면 됩니다.

  그런데 이클립스에서 JSP페이지를 만들면 자동으로 페이지 디렉티브 태그가 생성됩니다.