이번에 소개하려는 UI Framework 는 Bootstrap 입니다.
HTML, CSS, Javascript 로 이루어진 정형화되어있는 Web UI Framework 입니다.
Boostrap 같은 오픈 소스가 필요한 이유는 여러 개발자가 동시에 각각 맡은 화면을 개발 할 때 좋습니다.
혼자서 개발할 때는 개인의 소스 코딩 스타일이 있어서 바로바로 알아보기 쉽고 편하지만 자신이 개발한 코드가 아니면 사실 리딩이 힘듭니다.
그래서 UI Framework 를 쓰면 코딩이 규칙이 있기 때문에 유지보수나 인수인계 시에 효과적입니다.
http://getbootstrap.com/getting-started/#download
URL 로 들어가서 Boostrap을 다운로드 받아서 JS, CSS 등 import 하는 것과 똑같이 하면 됩니다.
Bootstrap 의 경우 jQuery 기반에서 작동하므로 jQuery 를 Import 한 아래쪽에 javascript를 추가해줍니다.
직접 예제를 보면서 Bootstrap 이 어떻게 작동하고 어떻게 활용되는지 직접 확인을 해보시면 금방 익히실수 있습니다.
http://getbootstrap.com/getting-started/#examples-framework
'Develop > UI' 카테고리의 다른 글
| [HTML] table 에 크로스 라인 넣기 (0) | 2015.12.16 |
|---|---|
| [Bootstrap] CSS - Button (버튼 디자인 하기) (0) | 2015.11.30 |
| [Bootstrap] CSS - Tables (테이블 디자인 하기) (0) | 2015.11.30 |
| [Bootstrap] CSS - Grid System (화면 나누기) (0) | 2015.11.30 |
| AdminLTE ::: Bootstrap 기반 UI Framework (0) | 2015.11.23 |