본문 바로가기
Bootstrap/공부하기

부트스트랩(Bootstrap)?

by 놀러와요 2019. 9. 19.
반응형

부트스트랩(Bootstrap)은 트위터의 웹디자이너와 개발자가 만든 오픈형 UI플러그인이라고 할 수 있다.

 

(참고 : UI를 편하게 구성해주는 플로그인이기 때문에 부트스트랩만으로는 웹사이트를 완성 할 수 없다.)

 

전세계의 웹제작자들에게 편리성을 주고자만들어졌고 무엇보다 빠르고 쉽게레이아웃을 구성하고 다양한인터페이스를 사용할 수있다.

 

HTML5기반으로 CSS와 Javascript로 만들어 놓은 프레임워크로 기본적인 레이아웃과 메뉴, 버튼, 리스트, 탭 이미지 등을 다양한

 

형태의 엘리먼트를 제공해 쉽게 홈페이지를 개발할수 있게 도와준다.

 

'반응형 웹' 개발을 도와주는 프레임워크로 반응형 웹은 브라우저의 크기나 장비의 크기에 따라서 웹페이지를 다르게 보여주는 것을

 

도와주기 때문에 모바일을 우선으로하는 웹어플리케이션을 대상으로 활용 할수 있다.

 

(반응형 웹이기 때문에 다양한 컴포넌트들을 제공해 줌)

 

 

 

 

 

 

부트스트랩(Bootstrap) 제공 기능

 

~ CSS기능 : CSS기능은 세로로 나열하게 되는 그러한 기능을 제공해주는 것이며 부트스트랩(Bootstrap)을 활용하는데 있어서 가장

 

                어렵지 않게 참고하고 사용할 수 있는 기능이다. 홈페이지를 꾸미는데 있어서 필요한 스타일들을 사용할 수 있다.

 

 

~ 컴포넌트 기능 : CSS기능은 사용자가 정의해 놓은 내용위에 부트스트랩(Bootstrap)의 디자인이나 스타일을 입히는 것이라면

 

                       컴포넌트 기능은 부트스트랩이 제공하고있는 디자인이나 컴포넌트사용자가 내용을 입히는 것이라고 생각하면된다.

 

                       (EX. 네비게이션바나 탭, 버튼등과 같은 기능을 Bootstrap에서 쉽게 만들수 있도록 제공, 틀 위에 간단하게 놓고 수

 

                        정하는 방식이다.)

 

 

~ 자바스크립트 기능 : 단순한 반응형이 아닌 사용자의 액션과 상호작용해야하는 기능들에 대해서 부트스트랩에서 쉽게 제공해주고

 

                             있는 기능들이다. 스크롤이 일어날때 네비게이션바를 업데이트하거나 내용 접기 펴기 등과 같은 기능을 제공

 

                              한다.

 

 

 

 

부트스트랩(Bootstrap) 장점

 

 

쉽고 빠르며 다양한 기능들을 제공한다. 또한 다양한 디자인과 동적인 효과를 사용할 수 있다.

 

이제는 모바일웹과 반응형웹의 제작 빈도가 많이 높아졌다. 부트스트랩은 이러한 모바일환경과 반응형웹 제작에 유리하게 사용할 수

 

있으며 수많은 테마도 손쉽게 웹사이트의 외형을 만들 수 있다.

 

높은 퀄리티가 보장이 되기때문에 기업의 입장에서는 시간이 단축이 되며 시간단축은 곧 비용 절감이다.

 

 

 

부트스트랩(Bootstrap) 단점

 

 

jQuery에 의존성이 강하다는 점.

 

정형화되어 있어 마음대로 디자인의 구성요소를 변경하거나 구형 브라우저에서 지원이 안되는 경우도 있다.

 

(HTML5를 지원하는 요즘 대부분의 브라우저는 지원한다.)

 

 

 

 

출처 : https://jayzzz.tistory.com/27

반응형