24_07_15 오늘의 강의노트(요약)

 

 

1. 기존 layoutMG52 프로젝트 삭제 및 새로운 war 파일 가져오기

1. 기존 프로젝트 삭제
2. 새 war 파일 가져오기
3. 이클립스에서 war 파일을 임포트:이클립스에서 File > Import > Web > WAR file을 선택하고, 위에서 복사한 war 파일을 선택하여 임포트.
4. 작업 공간 초기화

2. 기능적 요구사항 및 비기능적 요구사항 조사

기능적 요구사항: 시스템이 수행해야 하는 구체적인 기능들을 정의. 예: 사용자 로그인, 데이터 입력, 조회 등.

비기능적 요구사항: 시스템의 품질 속성을 정의. 예: 성능, 보안, 사용성 등.

3. post 방식 이해 및 실습

EX2 폴더 생성: EX2 폴더 내에 아래의 파일들을 생성합니다:

• form.jsp (1단계: post 방식으로 데이터 전송)
• action.jsp (2단계: 데이터 수신 및 출력)
• getAction.jsp (3단계: get 방식으로 데이터 전송 및 수신)

4. form.jsp 파일 생성 및 회원가입 코드 추가

user_insert_form.jsp의 회원가입 코드 복사:

<form action="<%= request.getContextPath() %>/user/user_list_insert.jsp" method="post">
아이디 : <input type="text" name="userId"> <br>
비번 :  <input type="text" name="userPw"> <br>
권한 :  <input type="text" name="userLevel"> <br>
이름 :  <input type="text" name="userName"> <br>
이메일 :  <input type="text" name="userEmail"> <br>
<input type="submit" value="회원가입버튼">
</form>

form.jsp에 붙여넣기:

<form action="<%= request.getContextPath() %>/EX2/action.jsp" method="post">
아이디 : <input type="text" name="userId"> <br>
비번 :  <input type="text" name="userPw"> <br>
권한 :  <input type="text" name="userLevel"> <br>
이름 :  <input type="text" name="userName"> <br>
이메일 :  <input type="text" name="userEmail"> <br>
<input type="submit" value="회원가입버튼">
</form>

5. form.jsp 실행 및 경로 확인

form.jsp 실행.

회원가입 버튼 클릭: 회원가입 버튼을 클릭하여 action.jsp로 이동하는지 확인합니다: 

6. action.jsp 파일 작업

action.jsp에서 데이터 처리:

request.setCharacterEncoding("euc-kr"); //post 방식 한글 처리
String userId = request.getParameter("userId");
String userPw = request.getParameter("userPw");
String userLevel = request.getParameter("userLevel");
String userName = request.getParameter("userName");
String userEmail = request.getParameter("userEmail");

System.out.println(userId + "<- userId ");
System.out.println(userPw + "<- userPw ");
System.out.println(userLevel + "<- userLevel ");
System.out.println(userName + "<- userName ");
System.out.println(userEmail + "<- userEmail ");

7. get 방식 요청 처리

getAction.jsp 파일 생성:

<%
String userId = request.getParameter("userId");
String userPw = request.getParameter("userPw");
String userLevel = request.getParameter("userLevel");
String userName = request.getParameter("userName");
String userEmail = request.getParameter("userEmail");

System.out.println(userId + "<- userId ");
System.out.println(userPw + "<- userPw ");
System.out.println(userLevel + "<- userLevel ");
System.out.println(userName + "<- userName ");
System.out.println(userEmail + "<- userEmail ");
%>

get 방식으로 요청:

<a href="<%= request.getContextPath() %>/EX2/getAction.jsp?
userId=1&userPw=2&userLevel=3&userName=4&userEmail=5">get 방식 요청 버튼</a>

8. server.xml에서 URIEncoding 설정

server.xml 파일 수정:

수정전)
<Connector connectionTimeout="20000" maxParameterCount="1000"
port="8080" protocol="HTTP/1.1" redirectPort="8443"/>
수정후)
<Connector connectionTimeout="20000" maxParameterCount="1000"
port="8007" protocol="HTTP/1.1" redirectPort="8443" URIEncoding="euc-kr"/>

9. CSS 파일 수정

main5.css 파일 생성: main.css 파일 내용을 복사하여 main5.css 파일에 붙여넣기.

모든 JSP 파일에서 CSS 경로 변경:

<link rel="stylesheet" type="text/css" href="<%= request.getContextPath() %>/css/main5.css" />

10. include 파일로 나누기

/module 폴더 생성:

index.jsp 코드 분리: top.jsp, left.jsp, hadan.jsp 파일로 분리하여 /module 폴더에 저장.

index.jsp에서 include 사용:

<%@ include file="/module/top.jsp" %>
<%@ include file="/module/left.jsp" %>
<%@ include file="/module/hadan.jsp" %>

11. 스크립틀릿 적용 및 이해

스크립틀릿 사용:

<%
   // 자바 코드를 여기에 작성
%>

페이지 디렉티브 이해:

<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%>

주석 처리 방법:

<%-- JSP 주석 --%>
<!-- HTML 주석 -->
/* Java 주석 */