jindo mobile jsp 기초 화면

//
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
<title>Jindo Mobile Component</title>
<link rel="stylesheet" type="text/css" href="http://jindo.dev.naver.com/docs/jindo-mobile/archive/latest/demo/asset/demo.css">

<style type="text/css">
body{margin:0}
/* Page 영역 CSS */
.jmc-page{
    background:#fff;        /* 전체 페이지의 배경색 */
    border:0;width:100%;display:none;
}

/* Header 영역 CSS */
.jmc-header {
    background-color:black; /* 헤더 영역의 배경색 */
    color:white;            /* 헤터 영역의 폰트색 */
    height : 50px;          /* 헤터 영역의 높이 */
    width:100%;position:relative;display:block;overflow:hidden;outline:0!important;
}

/* Footer 영역 CSS */
.jmc-footer {
    background-color:black; /* 풋터 영역의 배경색 */
    color:white;            /* 풋터 영역의 폰트색 */
    height : 50px;          /* 풋터 영역의 높이 */
    width:100%;position:relative;display:block;overflow:hidden;outline:0!important;
}

/* Content 영역 CSS */
.jmc-content{clear:both;width:100%;display:none;}

/* Title 영역 CSS */
.jmc-title {
    margin:0 5%;            /* 타이틀 마진 */
    width:90%;              /* 타이틀 너비 */
    padding:5px 0;          /* 타이틀 패딩 */
    height:40%;             /* 타이틀 높이 */
    text-align:center;text-overflow:ellipsis;white-space:nowrap;
}
</style>

<script type="text/javascript" src="http://jindo.dev.naver.com/docs/jindo-mobile/archive/latest/asset/jindo/latest/jindo.all.ns.js" charset="utf-8"></script>
</head>

<body flicking="yes">
	<div class="jmc-page">
		<div class="jmc-header" position="fixed">
			헤더<br>
			<div class="jmc-title">
				타이틀입니다.
			</div>
		</div>
		<div class="jmc-content">컨텐츠</div>
		<div class="jmc-footer" position="fixed">
			푸터<br>
			<div class="jmc-title">
				타이틀입니다.
			</div>
		</div>
	</div>
	
<script type="text/javascript" src="jindo_mobile_component.js" charset="utf-8"></script>
<script type="text/javascript">
	var oPageLayoutUI = new jindo.m.PageLayoutUI();
</script>
</body>
</html>
티스토리툴바
