[JSP] 자바빈(JavaBean)

04 Nov 2021 - 4 minute read

자바 빈(JavaBean)

자바 언어의 데이터(속성)와 기능(메소드)으로 이루어진 클래스
자바빈을 이용하면 JSP 페이지의 디자인 부분과 비즈니스 로직 부분을 나눔으로써 복잡한 자바코드를 줄이고 프로그램의 재사용성을 증가시킬 수 있다.
자바빈 규칙
- 디폴트 생성자 있어야 함 (매개변수 X)
- 멤버변수(= Property)마다 별도의 get/set 메소드 존재해야 함
- get 메소드는 매개변수 X, set 메소드는 하나 이상의 매개변수
- 멤버변수의 접근제어자는 private, set/get 메소드 접근제어자는 public, 클래스의 접근제어자는 public
자바빈 액션태그
- <jsp:useBean id="인스턴스 이름" class="패키지명.자바빈클래스(.java 생략)" scope="사용범위"/>
  - 자바 객체 싱성
  - scope : 자바빈의 범위 설정
    - page : 현재 페이지에서만 유지
    - request : request를 요청 받고 처리 될 때 까지만 유지
    - session : session이 유지되는 동안 유지
    - application : 사이트 전체 범위, 서버 종료 전까지 계속 유지
- <jsp:setProperty name="" property="" value=""/>
  - 생성된 객체의 setter 메소드 호출
  - name : useBean 액션태그로 생성된 객체의 이름 (= 빈 이름)
  - property : 속성, 멤버변수, 필드 / ‘ * ‘ : 기본값 설정
  - value : 속성(데이터) 값
- <jsp:getProperty name="" property=""/>
  - 생성된 객체의 getter 메소드 호출

예제를 통해 빈 처리과정 알아보기

  <!DOCTYPE html>
  <html lang="ko">
  <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>로그인 화면</title>
      <style>
          div#wrap {
              width: 400px;
              padding: 20px;
              border: 1px solid #000;
          }
            
          form, input, button {
              font-size: 20px;
              padding: 4px;
          }
            
          span {
          width: 40px;
          display: inline-block;
          }
            
          td{
          padding: 6px;
          }
            
          button {
              width: 90px;
              height: 90px;
          }
      </style>
  </head>
  <body>
      <div id="wrap">
          <h1>로그인 화면</h1>
          <form action="Login_Proc.jsp">
          <table>
              <tr>
                  <td>
                  <span>ID</span> 
                  <input type="text" name="uid" size="10"/></td>
                  <td rowspan="2"><button>로그인</button></td>
              </tr>
              <tr>
                  <td>
                  <span>PW</span>
                  <input type="password" name="upw" size="10"/></td>
              </tr>
          </table>	   		
          </form>
      </div>
  </body>
  </html>

pack_Login.Login_Bean.java

  package pack_Login;

  public class Login_Bean {
        
      private String uid;
      private String upw;
        
      public String getUid() {
          return uid;
      }
      public void setUid(String uid) {
          this.uid = uid;
      }
      public String getUpw() {
          return upw;
      }
      public void setUpw(String upw) {
          this.upw = upw;
      }
        
  }

Login_Proc.jsp

  <%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8"%>
  <%
      request.setCharacterEncoding("UTF-8");
      String uid = request.getParameter("uid");
      String upw = request.getParameter("upw"); 
  %>

  <!-- 빈과 연결 -->
  <jsp:useBean class="pack_Login.Login_Bean" id="loginbean" scope="page"></jsp:useBean>
  <jsp:setProperty name="loginbean" property="uid" value="<%=uid %>"/>
  <jsp:setProperty name="loginbean" property="upw" value="<%=upw %>"/>


  <!DOCTYPE html>
  <html lang="ko">
  <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>테스트</title>
      <style>
          div{
              font-size: 24px;
          }
      </style>
  </head>
  <body>
      <div id="wrap">
          <h2>로그인 정보</h2>
          <div>
              <h3>아이디</h3>
              <jsp:getProperty property="uid" name="loginbean"/>
              <h3>비밀번호</h3>
              <jsp:getProperty property="upw" name="loginbean"/>
          </div>
          <button type="button" onclick="history.back()">로그인 화면으로 돌아가기</button>
      </div>
  </body>
  </html>

!! 빈 필드의 이름과 전달하고자 하는 매개변수의 이름이 같다면? (browser parameter name = bean field name) !!

request.getParameter() 적을 필요 없음
jsp:setProperty 액션태그에 property, value 하나하나 적을 필요 없이 <jsp:setProperty name="" property="*" />와 같이 작성 가능

위의 Login_Proc.jsp 파일을 간단하게 바꿔보자

  <%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8"%>
  <%
      request.setCharacterEncoding("UTF-8");
  %>

  <jsp:useBean class="pack_Login.Login_Bean" id="loginbean" scope="page"></jsp:useBean>

  <jsp:setProperty name="loginbean" property="*" />

  <!DOCTYPE html>
  <html lang="ko">
  <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <link rel="stylesheet" href="">
      <style>
          div{
              font-size: 24px;
          }
      </style>
  </head>
  <body>
      <div id="wrap">
          <h2>로그인 정보</h2>
          <div>
          <h3>아이디</h3>
          <jsp:getProperty property="uid" name="loginbean"/>
          <h3>비밀번호</h3>
          <jsp:getProperty property="upw" name="loginbean"/>
          </div>
          <button type="button" onclick="history.back()">로그인 화면으로 돌아가기</button>
      </div>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
      <script src=""></script>
  </body>
  </html>

빈을 이용한 회원가입 페이지

BeanEx.jsp

  <%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8"%>
  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8" lang="ko">
  <title>회원가입폼</title>
  <style type="text/css">
      div#wrap {
          width: 300px;
          margin: 0 auto;
          border: 1px solid black;
          padding: 20px
      }
        
      h1 {
          text-align: center;
      }
        
      .btn {
          background-color: #fff;
          border: 1px solid black;
      }
  </style>
  </head>
  <body>
      <div id="wrap">
          <h1>회원가입</h1>
            
          <form action="JoinBean.jsp" method="post">
            
              아이디 : <input type="text" name="uid" id="uid">
              <br><br>
              비밀번호 : <input type="password" name="upw" id="upw">
              <br><br>
              이름 : <input type="text" name="name" id="name">
              <br><br>
              생년월일 : <input type="date" name="birthdate" id="birthdate">
              <br><br>
              주소 : <input type="text" name="addr" id="addr">
              <br><br>
              이메일 : <input type="email" name="email" id="email">
              <br><br>
              <input type="submit" value="가입하기" class="btn">
              <input type="reset" value="다시입력" class="btn">	
                
          </form>
      </div>
  </body>
  </html>

JoinBean.jsp

  <%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8"%>
        
  <%
      request.setCharacterEncoding("UTF-8");
  %>
  <jsp:useBean id="join" class="join.CustomerInfo" scope="page"></jsp:useBean>
  <jsp:setProperty property="*" name="join"></jsp:setProperty>
  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8" lang="ko">
  <title>회원가입 결과</title>
  </head>
  <body>
      <h1>회원 정보</h1>
        
      아이디 : <%=join.getUid() %>
      <br>
      비밀번호 : <%=join.getUpw() %>
      <br>
      이름 : <%=join.getName() %>
      <br>
      생년월일 : <%=join.getBirthdate() %>
      <br>
      주소 : <%=join.getAddr() %>
      <br>
      이메일 : <%=join.getEmail() %>
  </body>
  </html>

CustomerInfo.java

  package join;

  public class CustomerInfo {

      private String uid;
      private String upw;
      private String name;
      private String birthdate;
      private String addr;
      private String email;
        
      public CustomerInfo() {
      }
        
      public String getUid() {
          return uid;
      }
      public void setUid(String uid) {
          this.uid = uid;
      }
      public String getUpw() {
          return upw;
      }
      public void setUpw(String upw) {
          this.upw = upw;
      }
      public String getName() {
          return name;
      }
      public void setName(String name) {
          this.name = name;
      }
      public String getBirthdate() {
          return birthdate;
      }
      public void setBirthdate(String birthdate) {
          this.birthdate = birthdate;
      }
      public String getAddr() {
          return addr;
      }
      public void setAddr(String addr) {
          this.addr = addr;
      }
      public String getEmail() {
          return email;
      }
      public void setEmail(String email) {
          this.email = email;
      }
  }

실행결과

[JSP] 자바빈(JavaBean)

자바 빈(JavaBean)

예제를 통해 빈 처리과정 알아보기

빈을 이용한 회원가입 페이지

You May Also Enjoy

• [JSP] 게시판 ③ - 게시글 목록

• [JSP] 게시판 ② - 게시글 작성

• [JSP] 게시판 ① - DB, 메인페이지, DBCP, DTO

• [JSP] 회원가입 / 회원인증 - MemberMgr 전체 코드