jsp 문법도 복습하고 파일 include도 다시 볼 겸 간단한 회원쪽 화면 구성을 해보았다.
jsp 문법들은 사소한데 까먹을 때도 있어서 다시 본다.
1. 태그 라이브러리를 jsp 화면에 추가한다.
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %><html>우리가 <c:url~ <c:out 문법 등을 쓰기 위한 필수 준비물이다.
2.특정 jsp 파일 include하기
<%@ include file="/WEB-INF/views/include/jinMarketNavBar.jsp" %>views 폴더 아래에 include 폴더를 생성, 그리고 그 아래에 include할 jsp파일 이름을 적는다.
보통 navBar나 footer등을 주로 넣는다.
- c:set
var 항목에 지정한 변수명에 value를 담아서 ${변수명} 식으로 사용할 수 있다.
<c:set var="notLogined" value="${loginEmail == '' ? true : false}" />- c:if, c:choose, c:when, c:otherwise
조건 분기처리를 가능케 하는 문법이다. 나 같은 경우는 회원가입과 로그인, 로그아웃과 사용자 이름 두 경우를
세션 여부로 분기처리했다.
<c:choose>
<%-- 세션이 없을 경우에만 회원가입과 로그인 링크 진입가능--%>
<c:when test="${notLogined}">
<a href="<c:url value='/register' />">회원가입 |</a>
<a href="<c:url value='/login' />">로그인</a>
</c:when>
<c:otherwise>
<a href="<c:url value='/myPage' />">${loginEmail}님</a>
<a href="<c:url value='/logout' />">로그아웃</a>
</c:otherwise>
</c:choose>그리고 navBar를 include하는 김에 네이버 소셜 로그인 스크립트와 제이쿼리 스크립트도 추가했다.
네이버 소셜 로그인 스크립트를 모든 페이지에 추가하지 않으면 그 페이지는 네이버로 로그인을 해도
쿠키 생성, 세션 적용이 되지 않아서 페이지가 오작동한다.
<script type="text/javascript" src="https://static.nid.naver.com/js/naverLogin_implicit-1.0.3.js" charset="utf-8"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
Front-End와 Back-End 경험, 지식을 공유합니다.