단일 페이지 인터페이스 웹/앱 개발
•
27 likes•8,390 views
K모바일에서 발표한 단일 페이지 인터페이스 웹/앱 개발. 웹의 역사와 개발 패러다임의 변화를 되돌아보고, 웹앱을 위한 아키텍쳐로 단일 페이지 인터페이스(Single Page Interface)를 제시하고, jQueryMobile과 SenchaTouch를 이용해 동일한 웹앱을 SPI 방식으로 만들어본다.
Recommended
Recommended
More Related Content
What's hot
What's hot (19)
Similar to 단일 페이지 인터페이스 웹/앱 개발
Similar to 단일 페이지 인터페이스 웹/앱 개발 (20)
More from 동수 장
More from 동수 장 (13)
Recently uploaded
Recently uploaded (20)
단일 페이지 인터페이스 웹/앱 개발
- 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
- 17. <font color=”blue” size=”20”> <b>Bold</b> <b>Italic</b> <u>Underline</u> </font> Bold Italic Underline
- 18. printf("%s%c%cn", "Content-Type:text/html",13,10); printf("<HTML><HEAD><TITLE>Multiplication results</TITLE></HEAD><BODY>"); printf("<H3>results</H3>"); char *data = getenv("QUERY_STRING"); if(data == NULL) printf("<P>Error!</P>"); else if(sscanf(data,"m=%ld&n=%ld",&m,&n)!=2) printf("<P>Error!</P>"); else printf("<P>The product of %ld and %ld is <b>%ld</b>.</P>",m,n,m*n); printf("</BODY></HTML>”); Multiplication results The Product of 10 and 20 is 200.
- 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.
- 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);
- 37. Web Server HTTP Request New HTML Page
- 38. Web Server XML HTTP Request New HTML Fragment
- 39. Web Server XML HTTP Request Data JavaScript
- 45. RESTful API