Spring-Boot Blog Project 1. 기본 세팅
Spring-Boot Blog Project 1. 기본 세팅
사용할 기본 Dependency STS에서 제공하지 않는 dependency를 추가한다. → dependency 추가 pom.xml 에 추가(jstl, jasper) javax.servlet jstl org.apache.tomcat.embed tomcat-embed-jasper → 데이터베이스..
itstudy-mary.tistory.com
이건 사실.. SpringBoot의 개념보다는 JSP에 가까운 개념이기 때문에 이전에 JSP블로그 만든 것과 같은 방식을 이용했다.
링크 >>
https://itstudy-mary.tistory.com/119?category=919831
Servlet 과 JSP를 이용한(모델2 형식) 블로그 만들기(3) - 부트스트랩을 이용한 웹 폼 만들기
웹페이지를 만들다보면 CSS 덕분에 시간이 다 가는 경우가 있다. 우리는.. 일단 프론트엔드가 위주가 아니므로 편리한 부트스트랩을 이용하고자 한다. 부트스트랩은 트위터가 만든 프론트엔드 ��
itstudy-mary.tistory.com
소스 코드 :
더보기
header.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 lang="en">
<head>
<title>Mary Blog</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-md bg-dark navbar-dark">
<a class="navbar-brand" href="#">Mary Blog</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="justify-content-between collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="/auth/loginForm">로그인</a></li>
<li class="nav-item"><a class="nav-link" href="/auth/joinForm">회원가입</a>
</ul>
</div>
</nav>
<br>
footer.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<br/><br/>
<div class="jumbotron text-center" style="margin-bottom:0">
<p>Create by Mary 2020-05-29</p>
<p>🏴 부산진구 중앙대로 708</p>
<p>📞 010-2222-8888</p>
</div>
</body>
</html>
반응형
'SpringBoot' 카테고리의 다른 글
| Spring-Boot Blog Project 4. 로그인 화면 구현하기 (0) | 2020.07.20 |
|---|---|
| Spring-Boot Blog Project 3. 회원가입 화면 구현하기 (0) | 2020.07.20 |
| Spring-Boot Blog Project. MySQL 테이블 SQL (0) | 2020.07.20 |
| SpringBoot, jsp] application에서 프리픽스, 서픽스 설정 후 경로 설정했을 때도 404 Error 발생 시 해결법 (0) | 2020.07.20 |
| 톰캣과 서비스 어노테이션 (0) | 2020.07.17 |
