| 5월 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 | 31 | |
* 스토리보드(Storyboard)
- 디자이너/개발자가 참고하는 최종적인 산출물로서 정책, 프로세스, 컨텐츠 구성, UI/UX, 기능 정의, 데이터베이스 연동 등 서비스 구축을 위한 모든 정보가 담겨 있는 문서
* 스토리보드에 들어가야 할 내용
- 목차 : 각 페이지 별 제목을 기재
- 업데이트 기록 : 언제 어떤 페이지에 어떤 내용이 수정되었으며, 해당 수정 이슈의 작업을 진행할 포지션 기재
- 개요 및 정의 : 기획의 목적을 정의하고, 만들고자 하는 서비스의 운용 정책을 기재
- 사이트맵 : 각 페이지의 메인 메뉴와 그 메뉴에 귀속된 하위 메뉴를 시각화해서 기재
- 프로세스 : 특정 서비스의 흐름도
- 전체화면 구성 : 만들고자 하는 페이지의 전체화면 레이아웃을 정리
- 영역별 상세설명 : 영역별로 디자인/기술적 상세설명을 기재
- 작업 스케줄 구성 : 해당 기획안의 기획부터 개발완료까지의 스케줄을 정리
<!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 게시판
댓글 ( 4)
댓글 남기기