작업 확인 사항 - Githubissues

p3chaeyeon commented 1 month ago

프로젝트 jdk 확인 확인 (프로젝트 우클릭 > Properties)

Project Facets > Java 11 확인, Runtimes Apache Tomcat v9.0 확인
Java Build Path > Libraries Modulepath [Java SE-11] 확인
Java Compiler > JDK Compliance 11 확인

STS3 한글 encoding 확인

Window > Preference > encoding 검색 General, Web, XML 등 모두 UTF-8 혹은 ISO 10646/Unicode(UTF-8) 로 되어야 함
.jsp 파일 생성시 맨 위에 contentType="text/html; charset=UTF-8" 로 되어야 함

프론트 작업 먼저

html(jsp), css, javascript 먼저 시작하기
jsp, css, javascript 파일 분리하기 (기본적인 건 만들어놨어요)
form.jsp 가 없으니 DB 처리하는 컨트롤러 함수는 뒤에 DB 붙이기 예: 수정 페이지 매핑 : update(), 수정 DB 처리 매핑 : updateDB()
DB, Service.java 파일은 나중에 만들기
css 파일 생성 시 init.css 파일 import 하기
@import url("init.css");

.jsp 파일 공통 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../image/mono_favicon.png" type="image/png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="../css/[해당 jsp파일명].css">
<title>[해당 파일 기능]</title>
</head>
<body>
<c:import url="/common/header" />
<main>
    [여기에 코드 작성]
</main>
<c:import url="/common/footer" />

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="../js/[해당 jsp파일명].js"></script>

</body>
</html>

`<meta name="viewport" content="width=device-width, initial-scale=1.0">`

width=device-width: 장치의 너비에 맞게 화면 크기를 조정
initial-scale=1.0: 페이지가 처음 로드될 때 확대/축소 비율을 1로 설정

`<c:import url="/common/header" />`

는 JSP 파일을 직접 참조하려고 해서 Spring MVC 컨트롤러 경로로 사용하면 문제가 발생할 수 있음

`<main>`

header.jsp 는 가로 100%, 그 밑의 내용은 양쪽 여백을 주기 위해 사용
header.jsp 의 <header> 를 상단에 고정. <main> 에 padding-top: 80px; 적용 / 헤더의 높이만큼 여백 추가 /

STS3 폴더구조

자세한건 노션 프로젝트 설명/화면 - 기능

WEB-INF/common (공통 jsp)

header.jsp

WEB-INF/

관리자, 사용자

index.jsp 사용자 메인 페이지

WEB-INF/dish

관리자, 사용자

dishView.jsp 레시피 조회

관리자

dishWrite.jsp 레시피 등록 (index.jsp > 에서 관리자는 등록 버튼 보이게)
dishUpdatejsp (recipeView.jsp >) 레시피 수정
dishDelete.jsp (recipeView.jsp > ) 레시피 삭제

WEB-INF/user

관리자

userList.jsp 사용자 목록

사용자

userSignUp.jsp 회원가입
userSignIn.jsp 로그인
userUpdate.jsp 회원정보수정
userDelete.jsp (회원정보수정 > ) 회원탈퇴

WEB-INF/admin

관리자

adminSignIn.jsp 관리자 로그인

ERD

2024.10.12 ERD
컬럼명은 모두 앞에 테이블 첫글자 붙였습니다
레시피 테이블은 리뷰 테이블과 첫글자가 겹쳐서 dish_tb (요리 테이블) 로 바꿨습니다
즐겨찾기 테이블이 필요할 것 같아서 favorite_tb 추가했습니다
카톡으로 https://www.erdcloud.com/ 아이디 주시면 팀초대 해드리겠습니다

dev 브랜치 pull & dev-본인 이니셜 브랜치에 푸시

dev 브랜치 pull 은 dev-본인 브랜치의 작업사항이 commit 되어야 가능함

Pull Request 는 dev-본인 이니셜 브랜치 >> dev 브랜치에 머지할 때 생성하기

index.jsp 는 월요일 저녁에 다같이 작업

db.properties

db.properties 파일은 NCP DB 서버 생성 후 각자 개인 브랜치에 추가

p3chaeyeon commented 1 month ago

Design_ref.pdf

p3chaeyeon commented 1 month ago

참고 사이트

https://www.recipebank.co.kr/

p3chaeyeon commented 1 month ago

bitcamp-aiaas-9 / MonoRecipe

작업 확인 사항 #1

프로젝트 jdk 확인 확인 (프로젝트 우클릭 > Properties)

STS3 한글 encoding 확인

프론트 작업 먼저

.jsp 파일 공통 코드

`<meta name="viewport" content="width=device-width, initial-scale=1.0">`

`<c:import url="/common/header" />`

`<main>`

STS3 폴더구조

WEB-INF/common (공통 jsp)

WEB-INF/

관리자, 사용자

WEB-INF/dish

관리자, 사용자

관리자

WEB-INF/user

관리자

사용자

WEB-INF/admin

관리자

ERD

dev 브랜치 pull & dev-본인 이니셜 브랜치에 푸시

Pull Request 는 dev-본인 이니셜 브랜치 >> dev 브랜치에 머지할 때 생성하기

index.jsp 는 월요일 저녁에 다같이 작업

db.properties

참고 사이트