SPA, Javascript MVC Framework

 

SPA : Single Page Application. 단일 웹페이지 내에서 오든 이벤트가 이루어진다.

웹페이지간 전환이 없어서 네트워크 트래픽도 줄이고, 동작이 빠르며, 사용에 끊어짐이 없다.

 

모바일 플랫폼에서 주로 사용되고 있는 것이 SPA이다.

센차터치도 그러하고, 제이쿼리 모바일도 그렇다.

하지만 하나의 웹페이지에 자바스크립트가 많이 들어가다보니 소스가 꼬이는 문제가 발생한다.

그래서, 자바스크립트로 구성하는 MVC(Model-View-Controller)가 나오게 된다.

 

이름만 많이 들어본 Backbone.js, Angular.js, KnockOut.js, javascriptMVC등이 있다.

 

고르기가 고민된다면 http://todomvc.com/ 을 참고하시오.

 

 

JavaScript Apps

  • * R = App also demonstrates routing
  • * Maroon = App requires further work to be spec-compliant

Compile To JavaScript


MVC Extension Frameworks


Module Loaders


Real-time


Compare these to a non-framework implementation

Posted by 홍반장水 홍반장水

Sails.js - Build custom, enterprise-level Node.js apps

 

Sails.js is designed to resemble the MVC architecture from frameworks like Ruby on Rails but for creating enterprise-grade Node.js apps. It has support for more modern, data-oriented web app development, particularly useful for creating realtime things like chat functions.

 

엔터프라이즈급 Node.js app을 만들기 위한 Ruby on Rail 같은 MVC 아키텍처를 닮은 설계.

좀더 현대적이고 데이터 중심의 웹앱 개발을 지원하고 채팅 기능 같은 실시간 작업에 더 유용하다.

 

* Intro to Sails.js

 

http://balderdashy.github.com/sails/

 

Homepage: http://balderdashy.github.com/sails/


GitHub: https://github.com/balderdashy/sails

Docs: https://github.com/balderdashy/sails/wiki

 

 

 

Posted by 홍반장水 홍반장水

[마소연재] 자바카페와 함께하는 웹 기초 강좌

 

1회 : 2012.09 | 자바 서블릿으로 알아보는 웹 프로그래밍

2회 : 2012.10 | JSP(Java Server Page) 활용하기

3회 : 2012.11 | MVC 패턴의 구현 원리

4회 : 2012.12 | Sping MVC 활용하기

 

Posted by 홍반장水 홍반장水