Single Page Web Develope

1. 박종복
Single Page Web Application

2. 1. 웹 페이지란 ?
 브라우저가 Server-Side 에서 HTML+CSS 등 정적인 파일은 전송 받아 해
석하고 사용자에게 표시하는 단위
 페이지가 로드되면 브라우저는 메모리 초기화 된다 .
 이전에 로드된 페이지의 상태는 초기화되기 때문에 참조할 수 없다 .

3. 2. 왜 ?
 초기 Web 은 단순히 사용자에게 정적인 정보만 표시해 주었다 .
 Web1.0 : 동적인 부분은 Server-Side 대부분 처리하고 Client-Side 는 시각
적인 효과를 높여주기 위한 역할만 하였다 .
 Web2.0 : 4GL 에서 사용자중심 UI 가 Web 으로 옮겨오면서 구현중심으로
바뀌면서 사용자 편의성 요구증가 , Ajax 기술의 등장으로 웹페이지 호출없이
Server-Side 를 호출하고 호출이전의 페이지의 참조를 가질 수 있게됨 , 하지만
이시점 까지는 Single Page Web 에 대한 요구는 많지 않았다 .
 Web3.0?? : Mobile Device 의 증가로 초기 다양한 OS 가 존재하고 OS
Version 마다 배포 및 Source Code 관리문제 발생으로 Native App 에서
Mobile App, Web App, Hybrid App 등 Web 관련 기술 소요 증가로 Native App
과 유사한 구현을 위해서 Single Page Web App 필요성 증가

4. 3. 관련기술
 HTML5: 브라우저 역할의 증가 , Web Socket, File Handle, Video & Audio Control, 3D
Graphics, Offline Storage, 위치정보 Access, Device Access
* https://www.koreahtml5.kr, http://draw.io
 Javascript: 초기 Web 의 Client-Side 는 VBScript 와 JavaScript 의 혼용이었지만 현재는
Javascript 로 통일 . 동적인 부분을 담당
 AngularJS: Google 에서 개발한 Web Client-Side MVW Framework 로 Single Page App 을
개발의 복잡함을 해소하는 대세 Framework
* http://angularjs.org
 Jquery: HTML Dom 을 손쉽게 핸들링 하기위한 Javascript framework
 twitter bootstrap: 반응형 웹 및 시각적인 부분을 컴포넌트화 한 CSS framework
* http://getbootstrap.org
 MEAN Stack : MongoDB + Express + AngularJS + Node.js 를 이용한 WEB 개발로서 DB-
>Server Side->Client Side 로 데이터가 JSON 으로 전달되기 때문에 OR-Mapper 기술이 필요
없이 이식되고 POJO 가 필요 없으며 , Server-Side 와 Client-Side 를 모두 Javascript 를 사용
하기 때문에 Full Stack 개발에 유리하다
* http://mean.io
 ionic : Hybrid App 개발 Framework 로 Apache Cordova + AngularJS 를 기반으로한
Framework
* http://ionicframework.com/

5. 4. Wlog 소개
 Web 을 통해 등록된 Log 를 조회할 수 있는 시스템
 등록된 파일에 대해 일정주기로 파일크기를 감시를 통해 빠른 시간탐색 기
능을 제공합니다 .
 tail( 최종변경된 log 조회 ) 기능을 제공하고 , grep(text filter) 기능을 제공합
니다 .
 File 을 Random Access 로 원하는 위치로 빠르게 조회할 수 있습니다 .
 node.js v0.10.26, express 3.5.0, socket.io 0.9.16, jquery 1.11, jquery-ui
1.10.4, AngularJSv1.2.16 등으로 개발되었습니다 .
* http://dev.naver.com/projects/wlog

6. 박종복
감사합니다 .

7. 박종복
감사합니다 .