Archive

2021-02-20 TIL

20 Feb 2021 | 로그포스

2021-02-20 TIL

  • 오늘 한 것
    1. 학원 시험 sql 활용, 화면구현 - SQL 시험은 서술형, 객관식 문제풀이라 쉽게 끝냈다. 하지만 화면구현 시험은 2개의 보고서를 작성하는건데 주어진 화면을 똑같이 구현하되, 웹 사이트 기획서, 화면설계서를 작성하는 것이고 다른 하나는 만든 화면의 소스코드를 분석하고 설명하는 것이다. 문제가 어려운게 아니라 보고서를 작성하는게 제일 어렵고 시간이 많이 걸렸다..
    2. 리액트 공부 - 화면구현 시험에서 외부 라이브러리도 이용하라고 해서 아예 처음부터 리액트로 구조를 잡고 만들었다. 덕분에 리액트 공부도 할 수 있었다.


  • 내일 할 것
    1. 리액트 공부 The complete Guide


  • 끝으로

SQL 문제풀이 시험은 오라클의 기본 계정인 HR 계정의 데이터를 활용한 문제풀이와 설명을 보고서로 작성하는 것인데 아무래도 선생님이 문제를 출제할 당시의 샘플데이터와 요즘 샘플데이터가 다른듯하다.. 아예 없는 데이터를 조회하라는데 어떡하라고 ㅠ 다음 주에 학원가서 물어봐야지..

오늘의 한 줄 총평 : 남은 시험 1개..

2021-02-19 TIL

19 Feb 2021 | 로그포스

2021-02-19 TIL

  • 오늘 한 것
    1. 학원 비대면 수업 (15:30~22:00) JSP - Attribute 속성부여와 Action tag, Java Beans에 대해 배웠다. HTTP 요청을 Action을 이용하여 처리한다는 점이 리액트와 닮아있다고 느꼈다. 또, 자바 빈즈를 활용하여 아주아주 심플한 회원가입 페이지도 작성을 해봤는데 여기서 DB만 연결하면 바로 회원가입 & 로그인 페이지가 만들어진다


  • 내일 할 것
    1. 리액트 공부 The complete Guide
    2. 학원 대면 수업(15:30~22:00) JSP
    3. 학원 시험 sql, 화면구현


  • 끝으로

내일은 시험이 3개…

오늘의 한 줄 총평 : 시험이 3개…

2021-02-18 TIL

18 Feb 2021 | 로그포스

2021-02-18 TIL

  • 오늘 한 것
    1. 학원 비대면 수업 (15:30~22:00) JSP - JSP Directive 지시어를 이용해서 페이지에서 필요한 정보들을 정의하는 방법을 배웠다. 이와 관련해서 배운 exception 객체를 이용한 예외 처리 방법도 재미있었다. 또, JSP에서 기본적으로 제공하는 내장객체에 대해 배웠는데 HTML의 form 태그에서 넘긴 데이터를 다른 페이지에서 어떻게 받아오는지 등을 알 수 있었다.


  • 내일 할 것
    1. 학원 대면 수업(15:30~22:00) JSP


  • 끝으로

대면수업을 위해 학원에 나가게되면서 이동시간에 자바스크립트 책을 보기 시작했다. 다 알고 있다고 생각했던 기본문법도 책을 보니 모르는 부분이 정말 많았다. 또, 책의 중점이 ES6에 맞춰져있어서 꽤 유익하다고 느꼈다. 출퇴근(?) 시간을 활용해서 이 책을 정독해야지.

오늘의 한 줄 총평 : 끝이 없는컴퓨터의 세계…

JSP - 자바빈즈를 활용한 회원가입 구현

18 Feb 2021 | JSP

JSP - 자바빈즈를 활용한 회원가입 구현

자바빈즈를 활용하여 간단한 회원가입 어플리케이션을 구현해보자

<!-- /actiontag/register.jsp -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Customer 가입페이지</title>
</head>
<body>
	<form method="post" action="add.jsp">
		<table border="1" width="300">
			<tr>
				<td width="100">이름</td>
				<td width="200"><input type="text" name="name" size="25" /></td>
			</tr>
			<tr>
				<td width="100">이메일</td>
				<td width="200"><input type="text" name="email" size="25" /></td>
			</tr>
			<tr>
				<td width="100">전번</td>
				<td width="200"><input type="text" name="phone" size="25" /></td>
			</tr>
			<tr>
				<td colspan="2" align="center">
					<input type="submit" value="가입" />				
				</td>
			</tr>
		</table>
	</form>
</body>
</html>

<!-- /actiontag/add.jsp -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%--<%@ page import="actiontag.Customer" %> --%>
<% request.setCharacterEncoding("utf-8"); %>
<jsp:useBean id="customer" class="actiontag.Customer" scope="page" />
<jsp:setProperty name="customer" property="*" />
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Customer 가입정보</title>
</head>
<body>
	<ul>
		<li>
			이름 : <jsp:getProperty name="customer" property="name" />
		</li>
		<li>
			이메일 : <jsp:getProperty name="customer" property="email" />
		</li>
		<li>
			전화 : <jsp:getProperty name="customer" property="phone" />
		</li>
	</ul>
</body>
</html>

// /src/actiontag/Customer.java
package actiontag;

public class Customer {
	private String name;
	private String email;
	private String phone;
	
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	public String getPhone() {
		return phone;
	}
	public void setPhone(String phone) {
		this.phone = phone;
	}
}
  • 실행화면

실행1

실행2


참고 자료

KG 아이티뱅크 강의 자료

처음해보는 JSP&Servlet 웹 프로그래밍

JSP - Action Tags(3)

18 Feb 2021 | JSP

JSP - Action Tags(3)

  1. Java Beans
    • 자바 클래스 중에 자바 빈즈 규약에 맞게 작성된 클래스이다
    • 멤버 변수와 getter/setter 메소드로 이루어져 있다
    • 값을 저장하는 Value Object로 활용된다

  2. <jsp:useBean> 액션태그

    • 객체의 이름과 사용범위, 빈의 저장위치 등을 통해서 객체가 생성된다
    • JSP의 자바코드에서는 action의 id 특성에 지정된 값을 통해서 객체를 참조한다
    • <jsp:useBean id=”빈 이름” scope=”범위” class=”빈의 저장위치” />
    • id : 객체의 인스턴스를 식별하는 이름
    • scop : 객체 참조의 유효범위 (default: page)
    • class : 완전한 형태의 클래스 이름
  3. <jsp:setProperty> 액션태그
    • 빈의 속성에 값을 설정하는 태그
    • <jsp:setProperty name=”빈 이름” property=”프로퍼티 이름” value=”값” />
    • name : useBean 태그에서 정의한 id 값(빈 인스턴스 이름)
    • property : 값을 설정하고자 하는 빈 속성의 이름, *로 설정시 servletRequest 안의 모든 인자들 중 빈 속성과 데이터 형이 일치하는 것을 찾아 각각의 속성들을 인자값으로 설정한다
    • value : 빈 속성에 설정한 값
  4. <jsp:getProperty> 액션태그
    • 빈의 속성값을 얻는데 사용
    • <jsp:getProperty name=”빈 이름” property=”프로퍼티 이름”>
    • name : 속성을 얻고자 하는 빈 인스턴스의 이름
    • property : 얻고자 하는 속성의 이름
  5. 예제
<!-- sample/simpleForm.jsp -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>간단한 자바빈즈 프로그램</h1>
	<hr color="red"><br>
	<form method="post" action="simpleBean.jsp">
		메세지 : <input type="text" name="message">
	<input type="submit" value="전송">
	</form>
</body>
</html>

<!-- sample/simpleBean.jsp -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	request.setCharacterEncoding("utf-8");
%>
<jsp:useBean id="msg" class="sample.SimpleData" />
<%-- SimpleData msg = new SimpleData();와 같음 --%>
<jsp:setProperty name="msg" property="message" />
<%-- msg.setMessage(request.getParameter("message"));와 같음 --%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>빈즈 활용 예제</title>
</head>
<body>
	<h1>간단한 빈즈 프로그램 결과</h1>
	<hr color="red"><br>
	<font size="5">
		메세지 : <jsp:getProperty name="msg" property="message" />
	</font>
</body>
</html>

// src/sample/SimpleData.java
package sample;

public class SimpleData {
	private String message;

	public String getMessage() {
		return message;
	}

	public void setMessage(String message) {
		this.message = message;
	}	
}

실행 화면

실행1

실행2


참고 자료

KG 아이티뱅크 강의 자료

처음해보는 JSP&Servlet 웹 프로그래밍