Spring MVC Framework with Example

https://javabeat.net/introduction-to-spring-mvc-web-framework-web-tier/

1. The Client requests for a Resource in the Web Application.
2. The Spring Front Controller, which is implemented as a Servlet, will intercept the Request and then will try to find out the appropriate Handler Mappings.
3. The Handle Mappings is used to map a request from the Client to its Controller object by browsing over the various Controllers defined in the Configuration file.
4. With the help of Handler Adapters, the Dispatcher Servlet will dispatch the Request to the Controller.
5. The Controller processes the Client Request and returns the Model and the View in the form of ModelAndView object back to the Front Controller.
6. The Front Controller then tries to resolve the actual View (which may be Jsp, Velocity or Free marker) by consulting the View Resolver object.
7. Then the selected View is rendered back to the Client.

Let us look into the various Core Components that make up the Spring Web Tier. Following are the components covered in the next subsequent sections.

답답해서 찾아보다가 앗! 이거 설명이 좀 쉽네. ㅎㅎ

https://all-record.tistory.com/165

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

• Backbone.js
• AngularJS
• Ember.js
• KnockoutJS
• Dojo
• YUI
• Agility.js
• Knockback.js
• CanJS
• Maria
• Polymer
• cujoJS
• dermis
• Montage
• Ext.js
• Sammy.js
• Stapes
• Epitome
• soma.js
• DUEL
• Kendo UI
• PureMVC
• Olives
• PlastronJS
• Dijon
• rAppid.js
• Knockout +
  ClassBinding
• DeftJS + ExtJS
• Aria Templates
• Enyo +
  Backbone.js
• AngularJS
  (optimized)
• React
• SAPUI5

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

Compile To JavaScript

• Spine
• Dart
• GWT
• Closure
• Batman.js
• TypeScript
  + Backbone.js
• TypeScript
  + AngularJS
• Serenade.js

MVC Extension Frameworks

• MarionetteJS
• Thorax
• Chaplin + Brunch

Module Loaders

• Backbone.js + RequireJS
• Flight
• Knockout + RequireJS
• AngularJS + RequireJS
• CanJS + RequireJS
• TroopJS + RequireJS
• Thorax + Lumbar
• soma.js + RequireJS
• Durandal

Real-time

• Meteor
• Derby
• SocketStream
• Firebase + AngularJS

Compare these to a non-framework implementation

• Vanilla JS
• jQuery

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

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

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

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

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

4회 : 2012.12 | Sping MVC 활용하기