| 4월 2024 | ||||||
|---|---|---|---|---|---|---|
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | ||||
* 로그인 기능 구현을 통한 쿠키와 세션에 대한 대략적인 이해
* 로그인 사용자에 대한 접근 제한
* 4-1. 로그인 기능 구현
* 4-2. 로그인 상태에 따른 메뉴 처리 및 로그 아웃
* 4-3. 로그인 사용자에 한해 자신의 정보를 수정하도록 수정
* 4-4. 질문하기, 질문목록 기능 구현
* 4-5. 원격 서버에 소스 코드 배포
* 연습3. ATOM 에디터를 활용한 HTML 코딩
사나이의 애정은 자신이 육체적 만족을 취한 순간부터 급격히 떨어진다. 다른 여자라면 누구를 막론하고 그가 소유한 여인보다 많은 매력을 가진 듯이 생각되어 그는 변화를 추구한다. 그것과는 반대로 여인의 애정은 이 순간부터 증대한다. -쇼펜하워
<!DOCTYPE html>
<html lang='ko'>
<head>
<meta charset='UTF-8'>
<title>500</title>
<meta name="robots" content="noindex">
<style class="INLINE_PEN_STYLESHEET_ID">
@import url('https://fonts.googleapis.com/css?family=Permanent+Marker'); @import url('https://fonts.googleapis.com/css?family=Caveat+Brush'); body{ margin:0; background-color: #F4E04D; font-family: Permanent Marker; } .container{ height: 500px; width: 100%; position: absolute; top: 15%; } .wall{ position: absolute; top:12%; left: 50%; height:25%; transform: translate(-50%,-50%); } .wall::before{ content: '5'; position: absolute; font-family: Caveat Brush; font-size: 330px; left:-40%; top:-10%; animation: sl ease 1s forwards; color: #fff; } .wall::after{ content: '0'; position: absolute; font-family: Caveat Brush; font-size: 330px; right:-40%; top:-10%; animation: sl ease 1s forwards; color: #fff; } .errortext h1{ position: absolute; top:63%; left:50%; transform: translateX(-50%); font-size: 2.5vw; color: #fff; } .errortext h2{ position: absolute; top:75%; left:50%; transform: translateX(-50%); font-size: 2vw; color: #fff; } a{ color: #fff; } @keyframes sl{ 0%{ transform: scale(0.8);} 50%{ transform: scale(1.5);} 100% {transform: scale(1);} } body{ background: #000; }
</style>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/gh/braverokmc79/erroPage@1.1.0/assets/css/500_type1.css'>
<script src="https://cpwebassets.codepen.io/assets/editor/iframe/iframeConsoleRunner-d0f3648046d2aaca07bd0037b9e061a26c74a8a999b75672ad6a638cca641472.js"></script>
<script src="https://cpwebassets.codepen.io/assets/editor/iframe/iframeRefreshCSS-4793b73c6332f7f14a9b6bba5d5e62748e9d1bd0b5c52d7af6376f3d1c625d7e.js"></script>
<script src="https://cpwebassets.codepen.io/assets/editor/iframe/iframeRuntimeErrors-4f205f2c14e769b448bcf477de2938c681660d5038bc464e3700256713ebe261.js"></script>
</head>
<body>
<canvas id="canvas"></canvas>
<div class="container">
<div class="wall">
<svg version="1" xmlns="http://www.w3.org/2000/svg" width="385.333" height="361.333" viewBox="0 0 289 271" style="fill:#fff;">
<path d="M64.3 18.7c-3.6.7-7.3 5.9-7.3 10.2 0 4.5 3.7 11.9 7 14 2.2 1.4 2.1 1.1-.9-2.6-6.9-8.7-3.5-17.3 6.8-17.3 6 0 10.4 1.8 19.5 7.9 3.9 2.7 9.5 6 12.4 7.5 7.7 3.9 6.9 4.8-8.2 8.7-4 1-4.5 1.4-2.9 2 3.2 1.2 3.5 2.5 2.2 8.5-1.4 6.4-3.1 6.8-6.6 1.5-2.9-4.3-2.9-7.5 0-8.9 2-1 1.9-1.1-1.3-1.1-2-.1-6.2-1-9.4-2.1-3.2-1.2-6-1.9-6.2-1.7-.3.2 1 1.4 2.8 2.7 1.8 1.2 4.1 3.3 5.2 4.7 1.8 2.5 3.5 10.3 2.1 10.3-.4 0-2.9-1.6-5.5-3.5C66.5 54 52.8 39 46 28.8c-7.5-11.3-7.4-11.1-5.6-6.1 2.8 7.8 9.9 19.6 17.8 29.6 3.1 3.8 1.5 5-8 5.8l-7.7.7-9.7-9c-5.4-4.9-9.8-8.6-9.8-8.1 0 1.2 10.8 11.5 14.3 13.6 4.8 3.1 3.6 5.4-5 9.4l-7.7 3.6 3.2 1.1c1.7.6 4.2 2.6 5.4 4.5 1.3 1.9 5.5 5.6 9.3 8.2 11.8 8.1 14.2 12.5 8.5 15.4-2.1 1.1-6.2 1.5-15.5 1.5-6.9 0-12.5.4-12.5.8 0 .5 2.8.7 6.3.5 4.5-.3 6.7 0 8.2 1.1 1.8 1.3 1.9 1.6.4 3.1-1.3 1.3-2.3 1.4-6.3.5-5.9-1.3-7.9-.7-9.4 2.5-1.3 2.9-1.4 2.8 4.2 1.4 4-1 4.7-.9 8.5 1.7 5.3 3.4 4.3 4.5-4.6 5.4-5.2.6-5.8.7-2.5.9 2.8.1 4.5.6 4.9 1.7.7 1.9-3.2 6.2-7.5 8-1.7.8-3.2 1.9-3.2 2.5 0 .6 1.5.1 3.2-1.1 6.8-4.4 11.5-6.3 14.2-5.6 3.4.8 3.4 3.8 0 8.3-1.4 1.8-3 4.7-3.6 6.3-1.2 3.7-4.1 3.9-9.8 1-3.2-1.7-4-1.8-4-.6 0 .8.8 1.7 1.8 2 2.7.9 5.2 5.9 5.2 10.4 0 3.2-.6 4.5-2.8 6.3l-2.7 2.2 3.5-.7c2.3-.4 4.2-.2 5.2.6 3.4 2.6 14.9 17.4 17.5 22.5l2.8 5.4-2.7 2.3c-2.4 2.2-5.9 3.7-22.1 9.7-3.2 1.1-5.7 2.3-5.4 2.5.7.8 14-3.7 21.4-7.2 9.7-4.6 11.5-4.5 16.9 1.3 2.4 2.7 4.3 5.4 4.2 6.2-.2.9-2.9 2.1-6.8 3.1-9.3 2.3-11.3 3.6-9.9 6.1 1.2 2.3 3.5 2.3 13.9-.1 7.5-1.8 10.5-.9 12.9 3.8 2.4 4.6 5.3 7.3 11.1 10.2 2.5 1.2 5.3 2.9 6.3 3.8 1.5 1.4 1.7 1.3 1.7-.5 0-3.5 3.7-5.8 9.1-5.7 3.1 0 4.6-.3 4.2-1-.3-.6-.2-.8.2-.3 1.9 1.7 1.3 4.6-1.9 8.3-1.8 2.1-4.4 5.6-5.8 7.7l-2.6 3.8-1-2.8c-.8-2.1-1.1-2.3-1.1-.8 0 1.1.3 2.6.8 3.4 1.2 1.9 3.2.3 6.2-4.8 1.2-2 4-5.3 6.2-7.3l4.2-3.8-1.8-2.9-1.8-3 4.2-2.7c5.9-3.7 24.1-12.5 25.2-12.1.5.1 2.4 4.1 4.2 8.8 3.9 10 9.4 21.3 14.2 28.8 5.5 8.6 5 5-.6-4.3-2.8-4.6-6.3-11.1-7.7-14.3-1.4-3.2-3.2-7-4-8.5-.8-1.4-1.4-3.5-1.4-4.6 0-2.6 3.6-5.2 7.2-5.2h2.7l.3-11.6c.3-11.3.4-11.8 2.9-13.7 3.3-2.4 5.1-1.9 13.1 4 3.5 2.6 8.8 6.1 11.8 7.8 3 1.7 5.6 3.8 5.8 4.8.2.9-.8 2.7-2.2 4.1-2 1.8-2.3 2.6-1.4 3.4 2.5 2 9.4 3.2 18.4 3.2 7.5 0 10.4.5 17.1 3 14.6 5.3 36 10.1 44.8 9.9 4.4 0 4.7-.2 2.5-1.1-12.8-5.4-31.9-15.8-39.5-21.6-12.2-9.3-12.2-8.5-1.1-34.8 1.4-3.4 2.9-8.6 3.3-11.5.7-4.3 1.3-5.6 3.4-6.8 2.4-1.3 3.8-1 20.3 4.3 9.7 3.2 18.2 5.5 18.9 5.3 1.6-.6 3-.1-30-11.1-25-8.4-33.8-11.7-46.2-17.2-3.1-1.4-3.3-1.7-1.9-3.1 2.6-2.5 9.7-2.7 17.9-.4 6.4 1.8 9 2 18.6 1.4 6.2-.3 11-.9 10.8-1.3-.2-.4-8.4-1.2-18.2-1.9-9.8-.7-18.7-1.3-19.7-1.4-3.4-.3-2.9-2.5 1.1-4.5 2.1-1 8.1-3.4 13.4-5.2l9.7-3.2 6.1 1.5c8.8 2.3 9.9 1.6 8-5.2-.6-2 5.9-6.1 17.2-11 5.2-2.3 10.6-4.9 12-5.9l2.4-1.7-3-.6c-1.6-.4-6.1-.7-10-.8-7.3-.2-20-2.3-21.2-3.5-.4-.4.2-2.5 1.5-4.6 3.5-6.1 2.6-6.1-1.4 0-2.1 3-3.8 5.7-4 5.9-.2.2-1.8-1.3-3.7-3.2-3.6-3.9-6.6-5-11.8-4.5-3 .3-3.7 1-7.2 7.6-3.3 6.2-4.6 7.6-8.8 9.8-2.7 1.3-4.9 2.9-4.9 3.5 0 .5 2.4 2.1 5.4 3.5 7.2 3.3 8.7 5 5.3 6.3-13.3 5.1-39.2 11.1-40.7 9.4-.4-.4-1.9-4.9-3.3-9.9l-2.4-9.1 2.3-4.4c1.3-2.4 4.2-8.8 6.5-14.2 2.3-5.3 4.5-9.7 4.8-9.7.3 0 3.1.7 6.1 1.5 3 .8 5.6 1.2 5.8 1 .9-.9-5.6-2.7-14.8-4.1-11.2-1.7-16-3.1-16-4.7 0-.7 1.4-6.4 3-12.7 1.7-6.3 3.3-14.2 3.5-17.5l.4-6-.9 5c-4.6 23.1-7.4 30.2-16 39.2-7.6 8.1-9 8.2-9 .3 0-6.1-.7-7.2-3-4.4-1.9 2.1-6 1.4-8.1-1.6-1-1.4-2.8-6.1-3.8-10.5-1.1-4.4-3.5-11.3-5.2-15.3-3.2-7.3-3.3-7.4-4.6-4.8-1.7 3.2-6.8 5.9-9.7 5.2-1.2-.3-6.2-3.1-11.1-6.2-5-3.1-10.8-6.5-13-7.4-4.3-1.9-11.6-3-15.2-2.3zm-1 42.4c1.2.7 2.5 1.6 2.8 2.2 1 1.4-.1 4.4-2.2 6.3-1 .9-1.9 2.2-1.9 2.7 0 .6.7.2 1.5-.9 1.9-2.6 1.9-.4-.1 2.4-2.4 3.4-5.1 2.7-11.2-3.2-3.1-2.9-6.6-5.8-7.7-6.4-1.9-1-1.8-1.2 1.5-2.6 4.2-1.8 14.2-2.1 17.3-.5zm163.6 16.7c1.4 1 3.5 3.4 4.6 5.2 2.1 3.7 7.7 22.1 6.9 22.9-.5.6-24.3-7.1-31.1-10-2.4-1-4.3-2.4-4.3-3.1.1-.7 2-2.7 4.4-4.5 2.6-1.9 4.6-4.3 5-6 .4-1.5 1.4-3.9 2.3-5.2 1.3-2 2.1-2.3 5.6-1.8 2.2.3 5.2 1.4 6.6 2.5zM106.7 91.7c-3 7-5.7 14.3-6.1 16.1-1.1 5.9-4.4 9.2-13.2 13.4-6.2 2.9-8.2 4.2-7.7 5.4.5 1.3.8 1.3 2.7-.1 8.1-5.9 13.7-5.5 20.9 1.7 2.8 2.8 4.7 4.2 4.3 3.1-.4-1-.9-3.4-1-5.4-.2-1.9-1.5-5.6-2.9-8-3.3-5.5-3.3-6.8-.6-12.1 1.2-2.3 3.9-9.4 6.1-15.7 4.5-13.4 5.8-15.3 8.6-12.8 1 1 5.6 9.1 10.2 18 9.4 18.5 8.3 13.2 11.5 57.2.9 11.5 2 23.8 2.6 27.3.9 4.8.8 6.6-.1 7.7-1.7 2.1-2.8 1.1-6.1-5.9-1.6-3.3-3.3-6.8-3.8-7.6-6.5-10.6-12.4-21.8-13.4-25.7-.9-3.3-2.7-6.2-5.9-9.4l-4.5-4.7 1.4 4.7c.7 2.5 4.5 9.2 8.3 14.9 3.8 5.7 7.3 11.5 7.6 13 .4 1.5 3.5 8.2 7 15 3.5 6.7 6.4 13.3 6.3 14.5 0 1.8-2.2 3.3-12.2 8.1-6.7 3.3-14.8 7.5-18 9.4-6.5 3.8-17.2 8.2-19.9 8.2-3.3 0-7.7-3-8.4-5.5-.3-1.4-1.5-3-2.5-3.5-1-.6-3.7-4.2-5.9-8s-7.2-10.3-11-14.5c-3.9-4.1-7-7.9-7-8.5 0-.8-4.6-7.2-16.7-23.2-2.4-3.1-4.3-6.3-4.3-7 0-2.7 4.5-5.7 13-8.8 4.7-1.7 9.6-3.9 11-4.9 3.8-2.8 9.9-5.6 16-7.6 6.6-2.1 6.2-1.8 5.4-3.8-.5-1.4-.9-1.4-2.7-.2-1.2.7-6.9 3.2-12.7 5.5-5.8 2.3-13.4 5.9-17 8-3.6 2.1-7.7 4.2-9.3 4.6l-2.7.6 3.2-5c1.8-2.8 4.9-7.7 6.8-10.8 1.9-3.1 5.8-8 8.5-10.8 2.8-2.8 6.6-7.4 8.4-10.1C67.3 99 77.5 90 82 90c.6 0 2.9-1.2 5.3-2.7 2.3-1.5 8.7-4.6 14.2-7 7.6-3.2 10.1-3.9 10.3-2.8.2.7-2.1 7.1-5.1 14.2zm119.2 50.2c1 .7.6 2-2.1 6.2-9.3 14.5-28.6 35.9-32.4 35.9-3.4 0-24.4-10.5-29-14.4l-3.8-3.3 9.2-4.8c5.1-2.7 12.2-7.2 15.9-10.2 3.6-2.9 8-5.5 9.7-5.8 26.1-4.7 30.1-5.1 32.5-3.6zm-12.1 54.7c1.2.8 2.5 2.8 2.8 4.3.5 2.6 1.1 2.9 5.6 3.5 7.3 1 32.9 10.8 31.6 12.1-.2.3-7.4-1.3-15.9-3.4-16.4-4-25.6-8-30.3-12.9-5.2-5.6-.8-8.1 6.2-3.6z"/><path d="M113.4 112.4c-2.3 6.1 5.6 25.9 14.7 36.9 2.3 2.7 2.9 3 4.3 1.8 3.6-3 1.1-11.5-8-26.4-3-5-6.6-10.3-7.9-11.6-2.2-2.2-2.5-2.3-3.1-.7zM177.6 24.1c-2.5 2-9.2 13.6-8.3 14.5.2.2 1.2-1.4 2.2-3.7 3-6.6 8.4-9.4 13.9-7.3 2.6 1 1.9 1.9-3.3 4.4-3 1.3-5.4 3.3-6.1 4.9l-1.2 2.6 2.6-2.4 2.5-2.4 2.3 4.9c1.3 2.7 2.9 5.3 3.6 5.8 1.4.8 5.1 8.2 5.2 10.2 0 .8-2.3 1.1-6.9 1-5.4-.1-8.2-.8-13-3.2-6.3-3.2-7.9-3-3.6.4 1.4 1.1 6.4 2.7 11.2 3.7 11.9 2.4 13.7 2.4 14.1.2.4-2-4.7-13.5-7.7-17.3-2.4-3-1.9-4.6 2.6-9.7 1.8-2 3.3-3.9 3.3-4.2 0-.7-7.8-4.5-9.3-4.5-.8 0-2.6.9-4.1 2.1z"/>
</svg>
</div>
<div class="errortext">
<h1>500 서버 오류 입니다.</h1>
<h2><a href="/">home</a> 으로...</h2>
</div>
</div>
<script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-1b93190375e9ccc259df3a57c1abc0e64599724ae30d7ea4c6877eb615f89387.js"></script>
<script src="https://cdn.jsdelivr.net/gh/braverokmc79/erroPage@1.1.0/assets/js/500_type.js"></script>
</body>
</html>
2024-03-12 17:46:37
404 에러 페이지
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>404 Error</title>
<link rel='stylesheet' href='https://rawcdn.githack.com/SochavaAG/example-mycode/master/_common/css/reset.css'>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel='stylesheet' href='https://cdn.jsdelivr.net/gh/braverokmc79/erroPage@1.0.0/assets/css/404_type1.css'>
</head>
<body translate="no" >
<div class="ag-page-404">
<h1 style="text-align: center;font-size: 35px; font-family: 'NotoSansKR-bold'">404 페이지를 찾을수 없습니다.</h1>
<div class="ag-toaster-wrap">
<div class="ag-toaster">
<div class="ag-toaster_back">
</div>
<div class="ag-toaster_front">
<div class="js-toaster_lever ag-toaster_lever"></div>
</div>
<div class="ag-toaster_toast-handler">
<div class="ag-toaster_shadow"></div>
<div class="js-toaster_toast ag-toaster_toast js-ag-hide"></div>
</div>
</div>
<canvas id="canvas-404" class="ag-canvas-404"></canvas>
<img class="ag-canvas-404_img" src="https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/404-error-smoke-from-toaster/images/smoke.png">
</div>
</div>
<div style="text-align: center;">
<button class="mybutton" onclick="location.href='/'">Home</button>
</div>
<script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-1b93190375e9ccc259df3a57c1abc0e64599724ae30d7ea4c6877eb615f89387.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<script id="rendered-js" src='https://cdn.jsdelivr.net/gh/braverokmc79/erroPage@1.0.0/assets/js/404_type1.js' ></script>
</body>
</html>2024-03-12 15:25:24
ww
2024-01-15 17:00:06
간단한 엑셀파일 다운로드
이경희 일반 1 3,064 2005.09.30 17:31
인터넷 뒤지면 여기저기서 나오는 간단 소스 입니다.
JSP 페이지 head 에 두줄만 적어주세요!
1. 엑셀파일로 다운받고 싶은 페이지(list.jsp)에 엑셀파일 버튼을 만들고 excel.jsp(파일명은 각자 정하세요) 파일을 링크한다.
2. excel.jsp는 엑셀파일로 다운받고 싶은 페이지(list.jsp)와 동일하게 생성한다.
3. excel.jsp 파일에 <head>에 아래 두줄을 작성한다.
<head>
<title>엑셀다운로드</title>
<%
// EXCEL 파일 다운로드 처리
response.setHeader("Content-Disposition", "attachment; filename=myexcel.xls");
response.setHeader("Content-Description", "JSP Generated Data");
%>
</head>
4. list.jsp 페이지에서 excel.jsp 로 파라미터 값을 넘겨야 겠죠?
히든값으로 해서 넘겨주세요!
참고로..
list.jsp 파일 form 안에 적어주세요!
<!--엑셀 다운로드를 위한 프레임 시작-->
<iframe name="excel" width="0" height="0" frameborder="0"></iframe>
<!--엑셀 다운로드를 위한 프레임 끝-->
5. excel.jsp 에서 각자 상황에 맞게 테이블 모양을 변경하세요.
한글 깨짐 처리
application.properties에 설정 추가
# UTF-8 세팅 server.servlet.encoding.charset=UTF-8 server.servlet.encoding.force=true
https://smpark1020.tistory.com/169
2023-05-27 09:03:02
macaronics.net 는 그어떠한 동영상, 이미지, 파일등을 직접적으로 업로드 제공을 하지 않습니다. 페이스북, 트위터 등 각종 SNS 처럼 macaronics.net 는 웹서핑을 통하여 각종 페이지위치등을 하이퍼링크, 다이렉트링크, 직접링크등으로 링크된 페이지 주소만을 수집 저장하여 제공하고 있습니다. 저장된 각각의 주소에 연결된 페이지등은 그 페이지에서 제공하는 "서버, 사이트" 상황에 따라 페이지와 내용이 삭제 중단 될 수 있으며 macaronics.net 과는 어떠한 연관 관련이 없음을 알려드립니다. 또한, 저작권에 관련된 문제있는 글이나 기타 저작권에 관련된 문제가 있는 것은 연락주시면 바로 삭제해 드리겠습니다.
관리자 문의: braverokmc79@gmail.com
혹은 가입후 관리자 1:1 게시판
댓글 ( 5)
댓글 남기기