Front end 웹 개발 프레임 워크 - twitter bootstrap html5 boilerplate, foundation

Front end 웹 개발 프레임 워크 - twitter bootstrap html5 boilerplate, foundation

참조 URL

1. http://html5boilerplate.com/
   
2. http://foundation.zurb.com/
3. http://getbootstrap.com/
   
4. http://bootstraphero.com/
5. http://bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources
   

 웹 디자인에 정형화된 코드의 집합체인 프레임워크는 종류가 다양하다. 그 중에 Html5Bolierplate와 Foudataion, Twitter Bootstrap가 가장 유명하다. 그 중에 Twitter Bootstrap와 연계되어 개발이 진행중인 연관 프로젝트가 가장 활성화가 잘 되고 있다.

Html5Boilerplate은 가장 기본적인 기능만을 미리 선언해 두었으며 IE 버전에 따라 다르게 동작하도록 하는 기능정도만이 추가 되어 있어서 나머지 CSS는 추가적으로 모두 작업을 해야만 한다.

Foudation은 Html5Boilerplate 보다는 많은 부분을 다루고 있다. 그리드 시스템, 버튼, 탭, 슬라이드를 만들 수 있는 스타일 시트와 자바스크립트를 제공한다. 그렇지만 BootStrap 처럼 포괄적으로 제공하고 있지는 않다.

Twitter.BootStrap은 웹 페이지 제작에 필요한 거의 모든 요소를 만들 수 있게 제공이 되고 있다. HTML페이지에 테그와 선택자만 입력해도 사용할 수 있으며 같이 제공되는 자바스크립트도 점더 세련되게 사용자와 반응 할 수 있도록 한다.

그래서 전체적인 지원 범위를 비교해 보면 아래와 같을 것이다.

Html5Boilerplate < Foudation < Twitter.Strap

밑바탕 부터 차근 차근 개발이 필요한 사이트는 Html5Boilerplate를 사용하면 될것이고 디자인이나 레이아웃 그리고 브라우져마다 다른 특이점을 고려하기 힘든 상황이라면 Twitter.Bootstrap를 이용해서 필요한 부분만 수정하여 웹 사이트를 개발하면 쉽게 이쁘고 확장성이 있는 멋진 웹 사이트를 제작할 수 있을 것이다.