Front-end Framework & Javascript Framework

Front-end Framework 와 Javascript Framework 에 대하여 찾아둔 것을 정리해 본다.

Front-end Framework

Twitter Bootstrap

Foundation

Skeleton

HTML5 Boilerplate

HTML KickStart

Reference

* http://designinstruct.com/roundups/html5-frameworks/

* http://usablica.github.io/front-end-frameworks/compare.html

Javascript Framework

Backbone.js
AngularJS
Ember.js
Knockout

Agility.js
CanJS
Spine
Maria
ExtJS
Sammy.js
Stapes.js
Epitome
soma.js
PlastronJS
rAppid.js
Serenade.js
Kendo UI

Reference

* http://www.infoq.com/research/top-javascript-mvc-frameworks?utm_source=infoq&utm_medium=popular_links_homepage

* http://matthiasschuetz.com/javascript-framework-matrix/en/

* http://designemerald.com/inspiration/javascript-mvc-frameworks/

Open Source Framework 정리하기

반응형 웹 UI 프레임워크 (reference : http://gokgo.tistory.com/96)

• Bootstrap(권장) : http://getbootstrap.com/
• Foundation : http://foundation.zurb.com/
• Pure: CSS Framework : http://purecss.io/
• Skelecton : http://www.getskeleton.com/ (2012년 이후 소스 업데이트 없음)
• Base Framework : http://matthewhartman.github.io/base/
• Gumby Framework : http://gumbyframework.com/
• Responsive Grid System : http://www.responsivegridsystem.com/
• Columnal : http://www.columnal.com/
• Ink : http://ink.sapo.pt/
• blueprint : http://www.blueprintcss.org/
• bourbon : http://neat.bourbon.io/

웹 프레임워크 (reference : 웹 프레임워크 조사)

• PHP - Codeigniter : http://ellislab.com/codeigniter
• Java - Spring : http://spring.io
• Java - Play : http://www.playframework.com/
• blog : http://iam1492.tistory.com/23
• scalar : http://www.scala-lang.org/, http://docs.scala-lang.org/ko/tutorials/scala-for-java-programmers.html
• Python - Django : https://www.djangoproject.com/
• Ruby - Ruby on Rails : http://rubyonrails.org/

Javascript (reference : http://html5experts.kr/archives/2039)

• MVC Framework
• AngularJS : http://angularjs.org/
• Backbone.js : http://backbonejs.org/
• Ember.js : http://knockoutjs.com/
• Knockout.js (정확하게는 MVVM임) : http://knockoutjs.com/

• DOM 조작
• jQuery : http://jquery.com/
• Prototype JavaScript framework : http://prototypejs.org/
• Zepto : http://zeptojs.com/
• YUI Library : http://yuilibrary.com/

• 모바일 프레임워크
• jQuery Mobile : http://jquerymobile.com/
• Sencha Touch 2 : http://www.sencha.com/products/touch
• Enyo : http://enyojs.com/
• jQT(이전: jQTouch) : http://jqtjs.com/

Other

• Jetty : http://www.eclipse.org/jetty/

• Apache MINA Framework : http://mina.apache.org/
• Apache MINA (Multipurpose Infrastruction for Network Applications)는 자바 네트워크 어플리케이션 서버를 개발할 때 필요한 I/O나 세션, 스레딩 등의 low-level 기능을 기본적으로 제공하여 개발자가 비즈니스 로직에 좀더 집중해서 개발을 할 수 있도록 도와주는 framework이다.
• blog : http://mckdh.net/130
• sub project
• AsyncWeb (Http Server) : http://mina.apache.org/asyncweb-project/index.html
• FtpServer : http://mina.apache.org/ftpserver-project/index.html
• SSHD (the SSH protocols on both the client and server side) : http://mina.apache.org/sshd-project/index.html
• Vysper (a modular, full featured XMPP (Jabber) server, 메신져 서버) : http://mina.apache.org/vysper-project/index.html
• JBoss Netty : http://netty.io/
  - 자바 네트워크 어플리케이션 프레임워크
  - 이벤트 기반이며 비동기 방식이다.
  - Interceptor Chain 패턴 방식이다.
  - Old, New I/O 지원
  - NIO구현 벤더별 최적화
  - 과부하 및 Dos 방어 매커니즘 포함
  - 제한된 환경 지원(Android, Applet, WebStart)
  - 다양한 컨터이너 지원(JbossMc, OSGi, Guice, Spring)
• netty user group : https://groups.google.com/forum/?fromgroups#!forum/netty-ko
• 이희승 인터뷰 : http://www.bloter.net/archives/11472

• MINA vs Netty : http://atin.tistory.com/462

• JADE : http://jade.tilab.com/
• JADE (Java Agent DEvelopment Framework)는 Java기반 다중 에이전트 시스템 개발을 돕는 미들웨어이며 Framework 이기도 하다. 국제적인 통신사들(Telecom Italia)을 위주로 개발/사용되고 있는 듯하며, 2013년 3월 29일 4.3.0 version이 배포될 정도로 현재 활발하게 진행 중인 open source project 이다.

• Compass : http://compass-project.org/
• Java Search Engine Framework
• Lucene 을 객체에 대응시켜 추상화한 검색 엔진 프레임워크이다.
• Pax Construct : https://ops4j1.jira.com/wiki/display/paxconstruct/Pax+Construct

• SiteMesh : https://github.com/sitemesh
• blog : http://www.gurubee.net/pages/viewpage.action?pageId=983143
• Tiles : http://tiles.apache.org/
• WebWork

• MyBatis : https://code.google.com/p/mybatis/, http://mybatis.github.io/mybatis-3/

• OpenFrameworks : http://www.openframeworks.cc/

• Thrift
• 이 기종 언어간의 데이터 전송
• http://thrift.apache.org/

• Avro
• data serialization system
• 파일로의 데이터 저장에서 유용
• http://avro.apache.org/

• Protocol Buffers
• A way of encoding structured data in an efficient yet extensible format.
• https://code.google.com/p/protobuf/