페이지를 구성
상단부분과 중단부분의 왼쪽 가운데 오른쪽 그리고 하단부분으로 나누었고
상단과 중단의 왼쪽부분을 head.jspf로 중단의 오른쪽 부분과 하단을 foot.jspf로 나누었습니다
공통된 틀에서 가운데 부분만을 수정하는 방식으로 디자인 하였습니다.
<div class="container">
<div class="header flex items-center">
상단
</div>
<section class="content">
<nav>
왼쪽 메뉴
</nav>
<main class="flex items-center justify-center">
가운데
</main>
<aside>오른쪽메뉴</aside>
</section>
<footer>
하단
</footer>
</div>head.jspf
언어 설정 및 페이지 title 설정
jstl, 테일윈드, 데이지 UI, 폰트어썸 , 제이쿼리 불러오기
common.css 파일 만들어서 공통 css 적용 가능하도록
상단 메뉴 구성
로그인 상태에 따라 보여주는 내용 변화
왼쪽 사이드 메뉴 구성
목적에 맞게 페이지 이동 기능
상단 메뉴의 메뉴보기를 클릭해서 왼쪽 사이드 메뉴 컨트롤
트랜지션으로 지연효과 설정
foot.jspf
수정 하세요
