250131(4교시 복습)

📌 JSP 파일을 정할 때 고려해야 할 요소

JSP 파일을 구성할 때 중요한 것은 역할 분리, 유지보수성, 재사용성입니다.
파일을 잘 정리하면 코드 가독성이 높아지고 유지보수가 쉬워집니다.

✔ JSP 파일을 정할 때 고려해야 할 기준

1. 기능별로 분리

   • 하나의 JSP 파일이 너무 많은 기능을 가지면 유지보수가 어려워짐
   • 예를 들어, list.jsp, write.jsp, view.jsp, edit.jsp처럼 역할을 나눔

2. 데이터 흐름을 고려

   • 조회하는 페이지와 입력하는 페이지를 분리해야 함
   • 게시판 목록(list.jsp) → 글 작성(write.jsp) → 글 상세(view.jsp) → 글 수정(edit.jsp) → 삭제(delete.jsp)

3. 재사용 가능성 고려

   • 공통 요소(헤더, 푸터, 네비게이션)는 include 또는 jsp:include로 따로 분리
   • 예: header.jsp, footer.jsp, menu.jsp

4. URL 패턴을 RESTful하게 유지

   • board/list.jsp → 전체 글 목록
   • board/view.jsp?id=1 → 특정 글 조회
   • board/write.jsp → 글 작성 페이지
   • board/edit.jsp?id=1 → 글 수정 페이지

---

📌 Bootstrap 5 Badges

👉 참고 링크: Bootstrap 5 Badges

Badges(배지)는 알림, 상태 표시, 숫자 카운트를 강조하는 데 사용됩니다.

✔ 배지 종류

종류	설명	예제
기본 배지	기본 스타일	<span class="badge bg-primary">New</span>
컨텍스트 배지	색상을 지정	<span class="badge bg-warning">Pending</span>
Pill 배지	둥근 스타일	<span class="badge rounded-pill bg-danger">Alert</span>
요소 내부 배지	버튼이나 텍스트 안에 배지 표시	<button class="btn btn-primary">Messages <span class="badge bg-light text-dark">4</span></button>

✔ 예제 코드

<td><span class="badge rounded-pill bg-primary">20</span></td>

• rounded-pill → 둥근 스타일 적용
• bg-primary → 파란색 배경
• 20 → 값 표시 (예: 댓글 수, 알림 개수 등)

---

📌 boisertForm에서 제외할 항목과 포함할 항목을 정하는 기준

✔ 제외할 항목

1. 자동으로 생성되는 값
   • 글번호 (id) → DB에서 자동 증가(Primary Key)
   • 조회수 (views) → 조회할 때마다 증가하는 값
   • 작성일자 (created_at) → 서버에서 자동 저장

✔ 포함할 항목

1. 사용자가 직접 입력해야 하는 값

   • 제목 (title)
   • 내용 (content)
   • 작성자 (writer)
   • 카테고리 (category) (선택적으로 포함)

2. 사용자가 설정할 수 있는 값

   • 비밀번호 (password) (비회원 게시판인 경우)
   • 태그 (tags) (선택적으로 추가 가능)

---

📌 JSP에서 Form 구성 예제 (boisertForm.jsp)

<form action="boardWrite.jsp" method="post">
    <div class="mb-3">
        <label for="title" class="form-label">제목</label>
        <input type="text" id="title" name="title" class="form-control" required>
    </div>

    <div class="mb-3">
        <label for="content" class="form-label">내용</label>
        <textarea id="content" name="content" class="form-control" rows="5" required></textarea>
    </div>

    <div class="mb-3">
        <label for="writer" class="form-label">작성자</label>
        <input type="text" id="writer" name="writer" class="form-control" required>
    </div>

    <div class="mb-3">
        <label for="password" class="form-label">비밀번호</label>
        <input type="password" id="password" name="password" class="form-control">
    </div>

    <button type="submit" class="btn btn-primary">등록</button>
</form>

---

📌 최종 정리

1. JSP 파일을 정할 때는 기능별로 분리

   • list.jsp, write.jsp, view.jsp, edit.jsp 등으로 구분
   • URL 패턴을 RESTful하게 유지

2. boisertForm에서 포함할 항목과 제외할 항목을 정하는 기준

   • 제외할 항목: 자동 생성되는 값(글번호, 조회수, 작성일자)
   • 포함할 항목: 사용자가 입력해야 하는 값(제목, 내용, 작성자 등)

3. Bootstrap 5 Badges 활용

   • badge 클래스를 사용해 숫자 강조
   • rounded-pill로 둥근 배지 스타일 적용 가능

📌 유지보수가 쉬운 JSP 설계를 하면 코드가 깔끔하고 확장성이 높아집니다! 🚀