부트스트랩(Bootstrap) 소개
- 2019-08-21
- Posted by: javasolution
- Category: 웹개발자료
댓글 없음
부트스트랩(Bootstrap) 소개
Bootstrap은 2010년 중반에 트위터 개발자 중 트위터 아이디 @mdo와 @fat을 사용하는 개발자가 만든 오픈 소스 프레임워크(framework)입니다.
부트스트랩은 웹 디자인을 어떻게 하면 편리하게 할 수 있을까? 라는 목적에서 나온 프레임워크입니다.
프레임워크는 “작업을 할 수 있는 어떤 틀”이라고 생각하면 쉽습니다.
즉 웹 디자인을 쉽고 간편하게 할 수 있게끔 부트스트랩이라는 “틀”을 제공합니다.
실제로 부트스트랩을 활용하면 웹 디자인에 쏟아야 하는 노력을 절반 이하로 줄여줄 수 있습니다.
CSS 스타일링 을 줄여주고 다양한 컴포넌트(바로 쓸 수 있는 웹 디자인 요소들)를 제공하며
많은 효과를 줄 수 있는 자바스크립 트 라이브러리를 제공하여 적은 노력으로 큰 효과를 볼 수 있는 웹 디자인을 할 수 있습니다.
특히 반응형 웹에 대한 고민을 혁신적으로 해결해줍니다.
1. 부트스트랩(Bootstrap) 이란?
- 트위터 사가 만든 편리하고 효율적인 HTML5, CSS3, Javascript 오픈소스 툴킷
- 반응형(responsive), 모바일위주(mobile first) 웹 개발을 위한 웹 프레임워크
- 전문가들이 미리 만들어놓은 css, js, 클래스들을 사용하여 높은 품질의 웹페이지를 손쉽게 개발
- jQuery 프레임워크를 이용
2. 부트스트랩(Bootstrap) 파일구조
3. 부트스트랩(Bootstrap) CSS
부트스트랩의 핵심은 클래스와 사용자 스타일을 통해 쉽게 수정/개선할 수 있도록 스타일링한 기본 HTML 요소의 집합이라는 점이다.
** 참조문서 첨부파일