728x90
코딩 자체가 별다른 에너지가 들지 않게 계속 써서 익숙해지기
전체 구조파악하고 세부적인 코드 써보기 & 반복
머리 아프거나 하기 싫을 때 이렇게만 해도 집중이 되고,
코딩을 손에 놓지 않고 계속 실력 향상을 할 수 있다!
짜투리 시간에 하기도 좋음. 3-40분정도 걸린 듯
<%@ 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">
<title>Insert title here</title>
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>
<style>
.nav{margin-left:auto; margin-right:auto; text-align:center;}
.menu{
disply:inline-block; background:$e4fc41; text-align:center;
line-height:50px; width:150px; height:50px; border-radius:20px;
margin-left:5%; margin-right:5%;
}
.menu:hover{background:#b0c903; font-weight:bolder; cursor:pointer;}
a:link{color:black; text-decoration:none;}
a:visited{color:black; text-decoration:none;}
</style>
</head>
<body>
<!-- 메뉴바는 어느 페이지든 포함하고 있을 테니 여기서 contextPath 변수 값 만들기 -->
<c:set var="contextPath" value="${pageContext.servletContext.contextPath }" scope="application"/>
<h1 align="center">Let's do it!!</h1>
<br>
<div class="loginArea" align="right">
<c:if test="${ empty sessionScope.loginUser }"> <!-- user가 로그인 안했으면 로그인하게 id,pw 보여주는 창 보여줌-->
<form action="login.me" method="post">
<table id="loginTable" style="text-align:center;">
<tr>
<td>아이디</td>
<td><input type="text" name="id"></td>
<td rowspan="2">
<button id="loginBtn">로그인</button>
</td>
</tr>
<tr>
<td>비밀번호</td>
<td><input type="password" name="pwd"></td>
</tr>
<tr>
<td colspan="3">
<button type="button" onclick="location.href='enrollView.me'">회원가입</button>
<button type="button">아이디/비밀번호 찾기</button>
</td>
</tr>
</table>
</form>
</c:if>
<c:if test="${ !empty sessionScope.loginUser }"> <!-- user가 로그인했으면 정보 변경, 로그아웃 등 보여줌 -->
<h3 align="right"> <!-- h3태그 안에 c core와 button태그를 넣은게 신기 -->
<c:out value="${loginUser.name }님 환영합니다."/>
<c:url var="myinfo" value="myinfo.me"/>
<c:url var="logout" value="logout.me"/>
<button onclick="location.href='${myinfo}'">정보보기</button>
<button onclick="location.href='${logout}'">로그아웃</button>
<!-- c:url에서 var변수로 지정한 것을 버튼클릭하면 이동하게만듬 -->
</h3>
</c:if>
<!-- 위처럼 c:url을 통해서 지정할 수도 있지만 지금까지 해왔던 것처럼 바로 href에 url을 넣어도 상관없음 -->
<div class="menubar">
<div class="nav">
<div class="menu"><a href="home.do">Home</a></div>
<div class="menu"><a href="blist.bo">게시판</a></div>
</div>
</div>
</div>
</body>
</html>728x90
반응형
'small steps > 1일 1코딩 - 코딩을 내 몸처럼' 카테고리의 다른 글
| [1일 1코딩][Web] memberUpdateForm.jsp (feat. EL+JSTL) (0) | 2022.07.20 |
|---|---|
| [1일1코딩][Web] memberJoin.jsp (feat.ajax + 유효성검사) (0) | 2022.07.19 |
| [1일 1코딩][Web] myPage.jsp (feat. EL+JSTL) (0) | 2022.07.17 |
| [1일 1코딩][HTML-CSS] 게시판 숙련도 올리기 - table태그 방식 (0) | 2022.07.13 |
| [1일 1코딩][GitBash] 브랜치 생성, 변경, 통합 등 (0) | 2022.07.12 |