파일 목록
-
📁 build
-
📁 classes
-
📁 bbs
-
📁 cmn
-
📁 user
-
-
-
📁 src
-
📁 main
-
📁 java
-
📁 bbs
-
📁 cmn
-
📁 user
-
-
-
- .classpath
- .project
- title.png
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My House is Tamboru</title>
<script src="https://cdn.ckeditor.com/ckeditor5/40.1.0/classic/ckeditor.js"></script>
<style>
/* 스타일링을 위한 CSS 코드 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: white;
color: white;
padding: 7px;
text-align: right;
}
header a {
color: #000;
text-decoration: none;
margin-left: 8px;
font-size: 10px;
}
</style>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>
<body>
<%
String userID = null;
if (session.getAttribute("userID") != null) {
userID = (String) session.getAttribute("userID");
}
int pageNumber = 1;
if (request.getParameter("pageNumber") != null) {
pageNumber = Integer.parseInt(request.getParameter("pageNumber"));
}
%>
<!-- 위의 헤더 -->
<header>
<!-- 로그인 여부에 따라 다르게 표시 -->
<% if(userID == null) { %>
<a href="login.jsp">로그인</a>
script.println("<script>");
script.println("alert('로그인이 안되어있습니다.')");
script.println("history.back()");
script.println("</script>");
<% }else {%>
<a href="main.jsp">집주인님 어서오세요</a>
<a href="logoutAction.jsp">로그아웃</a>
<%}%>
</header>
<div class="container">
<div class="row align-items-center flex-row">
<div class="col-md-12">
<img src="./ddr/Past.png" class="img-fluid" alt="로고 이미지 손상 style ="height: 100px; aspect-ratio: 4/1;">
</div>
</div>
</div>
<br>
<!-- 로고와 검색창 -->
<div class="container">
<div class="row align-items-start flex-row">
<!-- align-items-center은 로고와 검색창 위아래정렬 flex-row는 검색 단어 가로쓰기 변경-->
<div class="col-md-2">
<!-- 상위구획 1 : 검색창 -->
<form action="search.jsp" method="post" class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" name="sear">
<button class="btn btn-outline-primary" type="submit">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
</svg>
</button>
</form>
<!-- 하위구획 2 : 검색창 -->
<div style=" border-radius: 8px; border: 1px solid #dddddd; padding: 3px; text-align: right;">
<!-- 브랜드 -->
<nav class="nav nav-pills text-center" style="border-radius: 8px; border: 1px solid #0d6efd; padding: 3px; background-color: #0d6efd;">
<a style="color: white;">게시판</a><br>
</nav>
<div class="brand-box ">
<a href="main.jsp" class="brand-link" style="color: black; margin-right:5pt; text-decoration: none;">전체게시판</a>
</div>
<div class="brand-box">
<a href="csound.jsp" class="brand-link" style="color: black; margin-right:5pt; text-decoration: none;">코딩게시판</a>
</div>
<div class="brand-box">
<a href="ssound.jsp" class="brand-link" style="color: black; margin-right:5pt; text-decoration: none;">잡담게시판</a>
</div>
<% if(userID != null) { %>
<!-- 브랜드 -->
<a href="bsound.jsp" class="brand-link" style="color: black; margin-right:5pt; text-decoration: none;">비밀게시판</a>
<%} %>
</div>
<% if(userID != null) { %>
<br>
<button onclick="write.jsp" type="button" class="btn btn-outline-info col-md-12">글쓰기</button>
<%} %>
</div>
<div class="col-md-10" style=" border-radius: 8px; border: 1px solid #dddddd; padding: 3px; text-align: right;">
<br>
<h4 style="text-align: left;">  글쓰기 <span class="badge bg-secondary"></span></h4>
<hr>
<!-- 상위구획 10 : 실사용 공간 -->
<!-- 실 판매창 -->
<div class="container">
<div class="row">
<form method="post" enctype="multipart/form-data" action="writeAction.jsp">
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">제목</span>
<input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1" name="bbTitle">
</div>
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">부제</span>
<input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1" name="bbSub">
</div>
<div class="input-group mb-3">
<label class="input-group-text" for="inputGroupSelect01">분류</label>
<select class="form-select" id="inputGroupSelect01" name="bbType">
<option selected>게시판 선택</option>
<option value="1">코딩게시판</option>
<option value="2">잡담게시판</option>
<option value="3">비밀게시판</option>
</select>
</div>
<div class="col-md-12">
<textarea id="editor" class="form-control" rows="10" name="bbIn"><br><br><br><br><br></textarea>
</div>
<br>
<div class="input-group mb-3">
<input type="file" class="form-control" id="inputGroupFile02" accept="image/*" name="bbpic">
<label class="input-group-text" for="inputGroupFile02">이미지 선택</label>
</div>
<br>
<input type="submit" class="btn btn-primary form-control"
value="작성하기">
</form>
</div>
</div>
<br>
<br>
</div>
</div>
</div>
<br>
<br>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
// CKEditor를 활성화
ClassicEditor
.create(document.querySelector('#editor'))
.catch(error => {
console.error(error);
});
});
</script>
</body>
</html>