<![CDATA[
<div class="figure-video" data-ke-type="video" data-video-url="https://kakaotv.daum.net/embed/player/cliplink/rvxde8xg745gvol4l4j5xbby3@my?service=daum_cafe" data-video-host="kakaotv" data-video-play-service="daum_cafe" data-video-width="712" data-video-height="400" data-ke-style="alignCenter" data-video-thumbnail="https://thumb.kakaocdn.net/dna/kamp/source/rvxde8xg745gvol4l4j5xbby3/thumbs/2.jpg?credential=TuMuFGKUIcirOSjFzOpncbomGFEIdZWK&expires=33330131177&signature=2RuYnwpqOFiFqJuFrKXij0%2BkCPU%3D&ts=1773222377" data-ke-mobile-mobileStyle="widthFull" data-video-origin-width="712" data-video-origin-height="400"><iframe src="https://kakaotv.daum.net/embed/player/cliplink/rvxde8xg745gvol4l4j5xbby3@my?service=daum_cafe&ptoken=v2_c3321f847111d4ed93d168e5402de8dab219f90ced322b2305ac960c012f432970c4ee61f8661738fc3a2d009403ec59c268358ef8385181854507c71c" width="712" height="400" frameborder="0" scrolling="no" allowfullscreen="" allow="encrypted-media"></iframe><div class="figcaption"></div></div><p><span style="color: #010101;"><</span><span style="color: #066de2;">%@</span> <span style="color: #0a9989;">page</span> <span style="color: #0a9989;">language</span>=<span style="color: #df5000;">"java"</span> <span style="color: #0a9989;">contentType</span>=<span style="color: #df5000;">"text/html; charset=UTF-8"</span> <span style="color: #0a9989;">pageEncoding</span>=<span style="color: #df5000;">"UTF-8"</span><span style="color: #0a9989;">%</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">%@</span> <span style="color: #0a9989;">taglib</span> <span style="color: #0a9989;">uri</span>=<span style="color: #df5000;">"<a href="http://java.sun.com/jsp/jstl/core" target="_top" class="ke-link">http://java.sun.com/jsp/jstl/core</a>"</span> <span style="color: #0a9989;">prefix</span>=<span style="color: #df5000;">"c"</span> <span style="color: #0a9989;">%</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">c:set</span> <span style="color: #0a9989;">var</span>=<span style="color: #df5000;">"ctp"</span> <span style="color: #0a9989;">value</span>=<span style="color: #df5000;">"${pageContext.request.contextPath}"</span><span style="color: #0a9989;">/</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">!DOCTYPE</span> <span style="color: #0a9989;">html</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">html</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">head</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">meta</span> <span style="color: #0a9989;">charset</span>=<span style="color: #df5000;">"UTF-8"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">meta</span> <span style="color: #0a9989;">name</span>=<span style="color: #df5000;">"viewport"</span> <span style="color: #0a9989;">content</span>=<span style="color: #df5000;">"width=device-width, initial-scale=1"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">title</span><span style="color: #010101;">></span>memberMain.jsp<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">title</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">%@</span> <span style="color: #0a9989;">include</span> <span style="color: #0a9989;">file</span>=<span style="color: #df5000;">"/include/bs5.jsp"</span> <span style="color: #0a9989;">%</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">style</span><span style="color: #010101;">></span></p><p><span style="color: #ff3399;"> body </span>{<span style="color: #0099cc;"> background-color</span><span style="color: #ff3399;">:</span><span style="color: #0066cc;"> #f4f7f6</span><span style="color: #ff3399;">;</span> }</p><p><span style="color: #ff3399;"> .main-card </span>{<span style="color: #0099cc;"> border-radius</span><span style="color: #ff3399;">:</span><span style="color: #0066cc;"> 15px</span><span style="color: #ff3399;">;</span><span style="color: #0099cc;"> box-shadow</span><span style="color: #ff3399;">:</span><span style="color: #0066cc;"> 0 5px 15px rgba(0,0,0,0.08)</span><span style="color: #ff3399;">;</span><span style="color: #0099cc;"> background-color</span><span style="color: #ff3399;">:</span><span style="color: #0066cc;"> white</span><span style="color: #ff3399;">;</span> }</p><p><span style="color: #ff3399;"> .status-box </span>{<span style="color: #0099cc;"> background</span><span style="color: #ff3399;">:</span><span style="color: #0066cc;"> #f8f9fa</span><span style="color: #ff3399;">;</span><span style="color: #0099cc;"> border-left</span><span style="color: #ff3399;">:</span><span style="color: #0066cc;"> 5px solid #0d6efd</span><span style="color: #ff3399;">;</span><span style="color: #0099cc;"> padding</span><span style="color: #ff3399;">:</span><span style="color: #0066cc;"> 20px</span><span style="color: #ff3399;">;</span><span style="color: #0099cc;"> border-radius</span><span style="color: #ff3399;">:</span><span style="color: #0066cc;"> 10px</span><span style="color: #ff3399;">;</span> }</p><p><span style="color: #ff3399;"> #myGuestbookList </span>{<span style="color: #0099cc;"> min-height</span><span style="color: #ff3399;">:</span><span style="color: #0066cc;"> 100px</span><span style="color: #ff3399;">;</span> }</p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">style</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">head</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">body</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">jsp:include</span> <span style="color: #0a9989;">page</span>=<span style="color: #df5000;">"/include/header.jsp"</span> <span style="color: #0a9989;">/</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">jsp:include</span> <span style="color: #0a9989;">page</span>=<span style="color: #df5000;">"/include/nav.jsp"</span> <span style="color: #0a9989;">/</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">p</span><span style="color: #010101;">></span><span style="color: #010101;"><</span><span style="color: #066de2;">br/</span><span style="color: #010101;">></span><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">p</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"container"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"main-card p-5"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">h2</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"text-center mb-4"</span><span style="color: #010101;">></span>회원 전용 메인<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">h2</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">hr/</span><span style="color: #010101;">></span></p><p> </p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"status-box mb-5"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"row align-items-center"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"col-md-8"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">h4</span><span style="color: #010101;">></span>안녕하세요, <span style="color: #010101;"><</span><span style="color: #066de2;">b</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"text-primary"</span><span style="color: #010101;">></span>${sNickName}<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">b</span><span style="color: #010101;">></span>님!<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">h4</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">p</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"text-muted mb-0"</span><span style="color: #010101;">></span>현재 등급: <span style="color: #010101;"><</span><span style="color: #066de2;">span</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"badge bg-danger"</span><span style="color: #010101;">></span>${strLevel}<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">span</span><span style="color: #010101;">></span> (Level: ${sLevel})<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">p</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"col-md-4 text-md-end mt-3 mt-md-0"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"p-2 bg-white rounded shadow-sm border text-center"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">small</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"text-muted d-block"</span><span style="color: #010101;">></span>총 방문 횟수<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">small</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">span</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"h3 fw-bold text-dark"</span><span style="color: #010101;">></span>${sVisitCount}회<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">span</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"guestbook-section"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">h5</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"fw-bold mb-3"</span><span style="color: #010101;">></span><span style="color: #010101;"><</span><span style="color: #066de2;">i</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"fa-solid fa-book me-2"</span><span style="color: #010101;">></span><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">i</span><span style="color: #010101;">></span>내가 남긴 방명록 기록<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">h5</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">id</span>=<span style="color: #df5000;">"myGuestbookList"</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"border rounded p-3 bg-light"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"text-center py-4"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"spinner-border text-primary"</span> <span style="color: #0a9989;">role</span>=<span style="color: #df5000;">"status"</span><span style="color: #010101;">></span><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">p</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"mt-2 text-muted"</span><span style="color: #010101;">></span>기록을 불러오는 중입니다...<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">p</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">hr</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"my-5"</span><span style="color: #0a9989;">/</span><span style="color: #010101;">></span></p><p> </p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"text-center"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">div</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"btn-group shadow-sm"</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">a</span> <span style="color: #0a9989;">href</span>=<span style="color: #df5000;">"${ctp}/____.do"</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"btn btn-outline-secondary"</span><span style="color: #010101;">></span>정보 수정<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">a</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">a</span> <span style="color: #0a9989;">href</span>=<span style="color: #df5000;">"${ctp}/GuestList.gu"</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"btn btn-outline-primary"</span><span style="color: #010101;">></span>방명록 가기<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">a</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">a</span> <span style="color: #0a9989;">href</span>=<span style="color: #df5000;">"${ctp}/MemberLogout.mem"</span> <span style="color: #0a9989;">class</span>=<span style="color: #df5000;">"btn btn-danger"</span><span style="color: #010101;">></span>로그아웃<span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">a</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">div</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">p</span><span style="color: #010101;">></span><span style="color: #010101;"><</span><span style="color: #066de2;">br/</span><span style="color: #010101;">></span><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">p</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">jsp:include</span> <span style="color: #0a9989;">page</span>=<span style="color: #df5000;">"/include/footer.jsp"</span> <span style="color: #0a9989;">/</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #066de2;">script</span><span style="color: #010101;">></span></p><p>$(<span style="color: #a71d5d;">function</span>() {</p><p>getMyGuestbook();</p><p>});</p><p><span style="color: #a71d5d;">function</span> getMyGuestbook() {</p><p>$.ajax({</p><p>url : <span style="color: #63a35c;">"${ctp}/GuestbookMyList"</span>,</p><p>type : <span style="color: #63a35c;">"post"</span>,</p><p>data : { <span style="color: #63a35c;">"mid"</span> : <span style="color: #63a35c;">"${sMid}"</span> },</p><p>success : <span style="color: #a71d5d;">function</span>(res) {</p><p><span style="color: #a71d5d;">if</span>(res <span style="color: #a71d5d;">=</span><span style="color: #a71d5d;">=</span> <span style="color: #63a35c;">"0"</span> <span style="color: #a71d5d;">|</span><span style="color: #a71d5d;">|</span> res <span style="color: #a71d5d;">=</span><span style="color: #a71d5d;">=</span> <span style="color: #63a35c;">""</span>) {</p><p>$(<span style="color: #63a35c;">"#myGuestbookList"</span>).html(<span style="color: #63a35c;">"<p class='text-center text-muted py-4 mb-0'>아직 작성한 방명록 글이 없습니다.</p>"</span>);</p><p>} <span style="color: #a71d5d;">else</span> {</p><p>$(<span style="color: #63a35c;">"#myGuestbookList"</span>).html(res);</p><p>}</p><p>},</p><p>error : <span style="color: #a71d5d;">function</span>() {</p><p>$(<span style="color: #63a35c;">"#myGuestbookList"</span>).html(<span style="color: #63a35c;">"<p class='text-center text-danger py-4 mb-0'>데이터를 불러오지 못했습니다.</p>"</span>);</p><p>}</p><p>});</p><p>}</p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">script</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">body</span><span style="color: #010101;">></span></p><p><span style="color: #010101;"><</span><span style="color: #010101;">/</span><span style="color: #066de2;">html</span><span style="color: #010101;">></span></p>
<!-- -->
]]>
카페 게시글
조경민
2026.03.11 메인화면 과제
조경민
추천 0
조회 22
26.03.11 18:46
댓글 1
다음검색
첫댓글 자신만의 메인 데시보드를 통해서 필요한 통계등을 보면서 관리하기 편하도록 잘 설계하시면 됩니다.
계속 추가할수 있도록 잘 유지해 주세요. 수고하셨습니다.