📌Today I Learned

todo list 실습

새 프로젝트

• New > Dynamic Web Project > "Todo" > Next > Next >
  Context root: "todo" > Generate web.xml 체크(O)

Todo List, 메모장, 게시판 > CRUD 집중 > 예제

Todo List

1. 주제
2. 업무
   • 할일 쓰기
   • 할일 보기(목록)
   • 할일 수정하기(X) > 완료 상태(O) 수정
   • 할일 삭제하기
3. DB
   • script.sql
4. 화면(+ 페이지) > 눈에 보이는 페이지
   • 할일 보기(목록) 페이지 > webapp > list.jsp
   • 할일 쓰기 페이지 > webapp > add.jsp, addok.jsp
   • 할일 수정 페이지 > webapp > editok.jsp
   • 할일 삭제 페이지 > webapp > delok.jsp
   • 템플릿 페이지 > webapp > template.jsp > 먼저 시작
5. 리소스
   - 조각 페이지
   - webapp > inc > header.jsp
   - webapp > inc > asset.jsp
   
   
   1번

<% if (result == 1) { %>
	<div class="message">할일을 등록했습니다.</div>
	<div>
		<a href="list.jsp">목록보기</a>
	</div>
<% } else { %>
	<div class="message">할일 등록을 실패했습니다.</div>
	<div>
		<a href="add.jsp">돌아가기</a>
	</div>
<% } %>

2번

<script>
		
	<%if (result == 1) {%>
		alert('할일 등록 성공');
		location.href = "list.jsp";
	<%} else {%>
		alert('할일 등록 실패');
		location.href = 'add.jsp';
	<%}%>
		
</script>

3번

<script>
		
	<%if (result == 1) {%>
		//alert('할일 등록 성공');
		location.href = "list.jsp";
	<%} else {%>
		alert('할일 등록 실패');
		location.href = 'add.jsp';
	<%}%>
		
</script>

Auth 실습

새 프로젝트

• New > Dynamic Web Project > "AuthTest" > Next > Next > Context root: "auth"

  	> Generate web.xml 체크(o)

인증, Authentication

• 현재 접속자가 해당 사이트의 구성원인지 확인하는 작업
• 로그인(Sign in), 로그아웃(Sign out)
• 해당 접속자가 구성원인지 확인 작업(아이디, 암호) > 인증 티켓 발급
  > 사이트 내에서 자유롭게 이동 + 인증 티켓(증명)

허가, Authorization

• 특정 행동을 할 때 권한이 있는지 확인하는 작업

웹 보안 = 인증 + 허가
= 세션 기반 인증(O)
= 쿠키 기반 인증

파일

• AuthTest > "script.sql"

• WEB-INF > lib > ojdbc6.jar 복사

• "com.test.auth" > "DBUtil.java" 복사

• webapp > "index.jsp" //시작 페이지
  > "auth" > "login.jsp" //로그인 폼 페이지
  > "loginok.jsp" //로그인 처리 페이지(+인증 작업)
  > "logoutok.jsp" //로그아웃 처리 페이지
  > "member" > "member.jsp" //회원 전용 페이지(+ 허가 작업)
  > "admin" > "admin.jsp" //관리자 전용 페이지(+ 허가 작업)

MVC 실습

새 프로젝트

• New > Dynamic Web Project > "MVCTest" > Next > Next > Context root: "mvc"
  > Generate web.xml 체크(o)

1. Servlet
   • 장점 : 자바 기반 > 자바 코드 용이
   • 단점: 클라이언트 코드 불편
2. JSP
   • 장점: 클라이언트 코드 용이
   • 단점: 자바 코드 불편
3. Servlet + JSP
   • 자바코드 > 서블릿에 작성 (선)
   • 클라이언트 > JSP에 작성 (후)

거의 대부분의 JSP 페이지

1. 상단 > <% %> 자바 코드 작성
2. 중하단 > HTML 코드 작성

MVC 디자인 패턴
Model - (데이터 처리) -> 자바(오라클 DB 처리)
View - 출력 담당 (HTML 페이지 생산) -> JSP
Controller - (요청 ~ 응답까지 전체 관리) -> 서블릿

JSP Model 1 (todo list) > 자바 코드 + 클라이언트 코드 > 1장의 JSP 페이지에 작성하는 모델
JSP Model 2 > 서블릿(자바) + JSP(클라이언트) > MVC 디자인 패턴 채용

JSP MVC Model(X)

Hello

• "com.test.mvc" > "Hello.java"
• webapp > "hello.jsp"
• webapp > WEB-INF > views > "hello.jsp"

WEB-INF 특성

• 시스템 폴더
• 톰캣만 접근할 수 있는 폴더
• 브라우저는 직접 접근이 불가능한 폴더
• 내부 시스템 자원을 관리하는 보안 폴더
  -> jsp는 WEB-INF에 views 에 넣는다. 직접 접근 막는다. servlet으로만 부를 수 있다. 안전.

1. http://localhost:8090/mvc/helo.do
   RequestDispatcher dispatcher = req.getRequestDispatcher("/WEB-INF/views/hello.jsp");
   -> [XXX.do] -> 주소창의 주소 오류. 서블릿은 문제 없음.

2. http://localhost:8090/mvc/hello.do
   RequestDispatcher dispatcher = req.getRequestDispatcher("/WEB-INF/views/helo.jsp");
   -> [XXX.jsp] -> 가상주소 오류. 서블릿 문제.

서블릿 호출 -> jsp 호출 (클라이언트 임시페이지 만들기) -> 페이지 받기

servlet을 실행한다.
jsp를 실행하면 값을 전달받을 수 없다.

Memo 실습

새 프로젝트

• New > Dynamic Web Project > "Memo" > Next > Next > Context root: "memo"
  > Generate web.xml 체크(o)

1. 주제 > 메모장

2. 업무 > CRUD

   • 메모 쓰기(C)
   • 메모 목록(R)
   • 메모 읽기(R)
   • 메모 수정(U)
   • 메모 삭제(D)

3. DB

   • Memo > "script.sql"

4. 파일

   • 공통 파일
     - webapp > WEB-INF > "views" > "inc" > "header.jsp"
     > "asset.jsp"

   • 메모 쓰기
     - "com.test.memo" > "Add.java"
     > "AddOk.java"
     - webapp > WEB-INF > "views" > "add.jsp"
     > "addok.jsp"
     

   • 메모 목록
     - "com.test.memo" > "List.java"
     > "list.jsp"
     

   • 메모 읽기
     - "com.test.memo" > "View.java"
     - webapp > WEB-INF > "views" > "view.jsp"
     

   • 메모 수정
     - "com.test.memo" > "Edit.java"
     > "EditOk.java"
     - webapp > WEB-INF > "views" > "edit.jsp"
     > "editok.jsp"

   • 메모 삭제
     - "com.test.memo" > "Del.java"
     > "DelOk.java"
     - webapp > WEB-INF > "views" > "del.jsp"
     > "delok.jsp"

   • 템플릿
     - com.test.memo > "Template.java"
     - views > "template.jsp"

   • JDBC
     - com.test.memo > DBUtil.java 복사
     - WEB-INF > lib > ojdbc6.jar 복사

   • DB 담당자
     - "com.test.memo.persist" 또는
     - "com.test.memo.dao" 또는
     - "com.test.memo.repository" > "MemoDAO.java"
     
     
     - "com.test.memo.dto" 또는
     - "com.test.memo.model" > "MemoDTO.java"