K모바일에서 발표한 단일 페이지 인터페이스 웹/앱 개발. 웹의 역사와 개발 패러다임의 변화를 되돌아보고, 웹앱을 위한 아키텍쳐로 단일 페이지 인터페이스(Single Page Interface)를 제시하고, jQueryMobile과 SenchaTouch를 이용해 동일한 웹앱을 SPI 방식으로 만들어본다.
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
단일 페이지 인터페이스 웹/앱 개발
1.
2.
3.
4.
5.
6.
7.
8.
9.
10. Worker
Microdata
Video ARIA CSS3
Drag & Drop Canvas
Audio
SVG Javascript
New Form WebSocket Geolocation
Web Storage Semantic
MathML WebGL Offline Application
Files
Device Element
24. <%@ page language=”java”%>
<html><head><title>Multiplication results</title></head><body>
<H3>Multiplication results</H3><% try {
long m = Long.parseLong(request.getParameter(“m”));
long n = Long.parseLong(request.getParamter(“n”));
%><p>The product of <%=m%> and <%=n%> is <b><%=(m*n)%></b>.</p>
<% } catch(Exception e) { %>
<p>Error!</p><% } %></body></html>
Multiplication results
The Product of 10 and 20 is 200.
25.
26.
27.
28. class ProductModel {
long multiplier, long multiplicant, long product;
}
class CalcService {
M
long getProduct(long m, long n) { return m * n; }
}
<jsp:useBean id=”model” class=”ProductBean”/>
http:/test.com/test.com/mul.jsp?m=10&n=20
<H3>Multiplication results</H3>
<p>The product of <jsp:getProperty name=”model”
property=”multiplier”/> and <jsp:getProperty name=”model” V
Multiplication results
property=”multiplicand”/> is <b><jsp:getProperty name=”model”
property=”product”/></b>.</p>
The Product of 10 and 20 is 200.
long m = Long.parseLong(request.getParameter(“m”));
long n = Long.parseLong(request.getParameter(“n”));
ProductModel model = new ProductModel(m, n, calcService.getProduct
(m, n));
request.setAttribute(“model”, model);
C
getServletContext().getRequestDispatcher(“mul.jsp”).forward(request,
response);