[프로젝트 만드는 순서] 

 

1. 기획자 => 기획화면

2. 웹디자이너 => 기획에 맞게 아이콘, 이미지...

3. 퍼블리셔 + 프론트엔드 => HTML, CSS, JS

4. 백엔드 => HTML을 JSP로 변환

5. 백엔드 => Controller

6. index.jsp => index.do 실행 알려주기 

[HTML => JSP]

  • 프론트가 HTML파일 줌
  • HTML을 JSP로 바꾸기
    • HTML 파일을 top, main, footer 등등 여러 부분으로 주석으로 쪼개기
      • 쪼갤때 스타일 깨지지않는지 원본 HTML과 달라지지 않았는지 잘 확인하기
    • <html>태그 ~ <head>태그는 JSP 그대로 복사 : 언어셋, css 파일 
    • top, main, footer 쪼갠것들을 따로 jsp로 따로따로 만들고 그 파일들을 incude 하기
    • 쪼개진 하위 파일들은 jsp 코드말고는 모두 삭제후 붙여넣기 
  • ⭐️.do파일은 include 불가능!
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="ko">
<head>
<title>Shop Bag</title>
<meta charset="utf-8" />
<link href="./index.css" rel="stylesheet" />
<link href="./menu.css?v=1" rel="stylesheet" />
</head>
<body>
	<!-- 상단 로고 & 메뉴 -->
	<%@ include file="./top.jsp"%>
	<!-- /상단 로고 & 메뉴 -->

	<main>
		<!-- 배너 -->
		<%@ include file="./banner.jsp"%>
		<!-- /배너 -->

		<!-- 신상품 -->
		<%@ include file="./product.jsp"%>
		<!-- /신상품 -->
	</main>

	<!-- 카피라이터 및 하단 -->
	<footer>
		<%@ include file="./footer.jsp"%>
	</footer>
	<!-- /카피라이터 및 하단 -->
</body>
</html>
  • 해당 페이지와 공유하는 부분은 다른페이지에서도 동일하게 include해서 사용 : css파일 잘 들고오기
  • 로그인 정보가 담긴 session은 top.jsp에서 핸들링하면 모든 페이지에 적용됨
  • 프론트에서 넘겨준 파일에 태그에 name넣어서 핸들링
  • 페이지마다 데이터베이스 table을 만들기
  • DB연결해서 데이터 핸들링
  • 회원가입, 로그인 => DTO 활용하기 
    • 회원가입
      • view에서 넘어온 값들을 setter를 사용하여 dto에 넣고
      • dto를 통채로 DB에 저장하는 insert Model에 전송
    • 로그인
      • view에서 넘어온 값들을 setter를 사용하여 dto에 넣고
      • 아이디,비밀번호가 맞는 데이터가 있는지 select하는 Model에 전송
      • 결과가 있으면 세션 생성하여 DTO의 getter를 사용하여 아이디,이름,이메일을 세션에 저장
      • 생성한 세션은 top.jsp에서 핸들링하면 모든 서브 페이지에 적용됨
  • 세션
    • 로그인 성공시 Controller에서 생성
    • JSP(top.jsp)에서 세션 핸들링
저작자표시 비영리 변경금지 (새창열림)

티스토리툴바