Bootstrap (2) 특징
Jan 11, 2021
»
Bootstrap
부트스트랩의 특징
- 반응형 웹
- 레이아웃이 박스처럼 나뉘어져 있어 굳이 디바이스별로 크기를 나누지 않아도 됨
- 모바일 중심
- Bootstrap 3부터 모바일 중심 스타일을 기본으로 지원
- 다양한 브라우저 지원 (크로스 브라우징)
- 크로스 브라우징(Cross Browsing): 웹 페이지 제작 시 W3C의 웹 표준에 맞는 코딩을 함으로 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게 나오고 작동되게 하는 작업 (호환성)
- Chrome, Firefox, Internet Explorer, Microsoft Edge, Opera, Safari…
- 오픈 소스: 무료로 배포하며 누구나 사용 가능함
- 프리프로세서(Preprocessor) 사용: CSS의 언어 확장 버전
- Less, Sass
- 많은 사람들과 함께 점점 업그레이드되고 있음
- 부트스트랩을 다루기 위해서는 HTML과 CSS에 대한 지식이 어느 정도 필요함
- 국내 사용자에게 익숙하지 않은 UI라 국내 활용은 해외 활용에 비하면 높은 편이 아님
부트스트랩의 장점
- 반응형 웹을 최소한의 코드로 구현 가능
- 미리 만들어진 UI를 사용하므로 전문가가 아니더라도 퀄리티 높은 웹 구현 가능 (사용하기 쉬움)
- 타이포그래피 및 각종 메뉴들을 포함한 거의 모든 요소들을 내장하고 있어 웹사이트 손쉽게 만들 수 있음
- HTML로 웹사이트의 뼈대를 만들고 미리 정의된 클래스 선택자를 HTML 코드에 삽입 하는 것만으로 레이아웃과 각종 요소가 만들어짐
- 제공되는 소스를 자신이 만들고자 하는 느낌대로 커스터마이징 가능 (정형화될 수 있는 디자인 보완 가능)
부트스트랩의 단점
- 요소를 수정하지 않고 부트스트랩을 사용할 시 사용한 웹사이트들의 디자인이 정형화됨
- 구형 브라우저 지원을 못 함
- 많은 Class로 인해 작업 속도가 느림
- 이미지를 많이 사용하는 복잡하고 화려한 디자인의 웹사이트의 경우 부트스트랩 사용 시 스타일시트를 처음부터 수정해야 하여 부트스트랩이 익숙하지 않다면 어려움을 느낄 수 있음