gitignore에 .MF&.properties 추가

마이페이지 꾸미기_남기

Author: namgi00

.gitignore

@@ -69,5 +69,6 @@ local.properties
 /target/
 .classpath
 .project
-
+.MF
+.properties
 # End of https://www.toptal.com/developers/gitignore/api/eclipse

alertravel/src/main/webapp/WEB-INF/views/security/profile.jsp

@@ -6,8 +6,22 @@
 <%@ taglib uri="http://www.springframework.org/security/tags"
 	prefix="sec"%>
 
-<%@ include file="../layouts/header.jsp"%>
+<%@ include file="../layouts/header1.jsp"%>
 
+
+
+<section class="mypage-main">
+	<div class="main-container">
+		<div class="inner">
+			<div class="title-container">
+				<div class="title">마이 페이지</div>
+				<div class="message">
+					멋진 당신을 다른 사람에게 소개하세요.
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
 <sec:authentication property="principal.member" var="member" />
 
 <script>
@@ -17,43 +31,43 @@
 <br>
 <br>
 <br>
-
-<div class="text-center">
-	<img src="/resources/images/mainecoon.jpg" class="profileImage" />
+<div class="profile-item">
+	<img src="/resources/images/basic-profile.png" class="profileImage" />
+	<br>
+	<br>
+		<div class="user-info-item">
+			<div>
+				✏️ 아이디: ${member.username}
+			</div>
+			<br>
+			<div>
+				✉️ 이메일: ${member.email}
+			</div>
+			<br>
+			<div>
+				 🗓️ 가입일:
+				<fmt:formatDate value="${member.regDate}" pattern="yyyy-MM-dd HH:mm" />
+			</div>
+			<br>
+			<div>
+				🛠️ 수정일:
+					<fmt:formatDate value="${member.updateDate}" pattern="yyyy-MM-dd HH:mm" />
+			</div>
+		</div>
 </div>
 
 <br>
 <br>
 
-<div>
-	<h4>
-		<i class="fa-solid fa-id-card"></i> 아이디: ${member.username}
-	</h4>
-</div>
-<br>
-<div>
-	<h4>
-		<i class="fa-solid fa-at"></i> 이메일: ${member.email}
-	</h4>
-</div>
-<br>
-<div>
-	<h4>
-		<i class="fa-solid fa-calendar-days"></i> 가입일:
-		<fmt:formatDate value="${member.regDate}" pattern="yyyy-MM-dd HH:mm" />
-	</h4>
-</div>
-<br>
-<div>
-	<h4>
-		<i class="fa-solid fa-calendar-plus"></i> 수정일:
-		<fmt:formatDate value="${member.updateDate}"
-			pattern="yyyy-MM-dd HH:mm" />
-	</h4>
-</div>
+<!-- 로그인 사용자가 두 가지 경우가 존재합니다.
+	하나는 우리 사이트 회원, 다른 하나는 SNS 회원입니다.
+	SNS 회원은 email존재하지 않습니다. 그리고 password 임시값입니다.
+	즉, email존재하지 않는 sns회원은 우리 회원이 아니기때문에 password를 
+	변경할 필요가 없습니다.
+	SNS회원은 아래의 버튼이 활성화 되면 안됩니다.
+	그러기 위해서는 email이 null인지 확인해서 null이면 버튼을 비활성화 하면됩니다. 
+  -->
 
-<br>
-<br>
 
 <div class="text-right">
 	<button type="button" class="btn btn-primary"
@@ -62,4 +76,5 @@
 	</button>
 </div>
 
-<%@ include file="../layouts/footer.jsp"%>
+
+<%@ include file="../layouts/footer.jsp"%>

alertravel/src/main/webapp/resources/css/style.css

@@ -604,7 +604,34 @@ padding-right: 14rem;
 	padding: 0rem 2rem;
 	overflow: hidden;
 }
+.mypage-main {
+	height: 360px;
+	background-image: url('/resources/images/back.png');
+	background-size: cover;
+	background-position: center 40%;
+	background-repeat: no-repeat;
+	z-index: 1;
+}
 
+.profileImage {
+	width: 400px;
+	height: 400px;
+	border-radius: 100%;
+	border: 2px solid black;
+}
+.profile-item{
+	display: flex;
+	flex-shrink: 0;
+	transition: 0.4s;
+	flex-direction: column;
+	align-items: center;
+	font-size: 20px;
+	color: #3f464d;
+	font-family: 'Spoqa Han Sans Neo', 'Sans-serif';
+}
+.user-info-item{
+	
+}
 
 @media only screen and (min-width: 1400px) {
 	.inner {

alertravel/src/main/webapp/resources/images/basic-profile.png

@@ -1,5 +1,5 @@
 Manifest-Version: 1.0
-Built-By: march
+Built-By: 안남기
 Build-Jdk: 11.0.19
 Created-By: Maven Integration for Eclipse