profile Archive Of Records keep studying

Bootstrap (2) 특징

» Bootstrap

부트스트랩의 특징


  1. 반응형 웹
    • 레이아웃이 박스처럼 나뉘어져 있어 굳이 디바이스별로 크기를 나누지 않아도 됨
  2. 모바일 중심
    • Bootstrap 3부터 모바일 중심 스타일을 기본으로 지원
  3. 다양한 브라우저 지원 (크로스 브라우징)
    • 크로스 브라우징(Cross Browsing): 웹 페이지 제작 시 W3C의 웹 표준에 맞는 코딩을 함으로 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게 나오고 작동되게 하는 작업 (호환성)
    • Chrome, Firefox, Internet Explorer, Microsoft Edge, Opera, Safari…
  4. 오픈 소스: 무료로 배포하며 누구나 사용 가능함
  5. 프리프로세서(Preprocessor) 사용: CSS의 언어 확장 버전
    • Less, Sass
  6. 많은 사람들과 함께 점점 업그레이드되고 있음
  7. 부트스트랩을 다루기 위해서는 HTML과 CSS에 대한 지식이 어느 정도 필요함
  8. 국내 사용자에게 익숙하지 않은 UI라 국내 활용은 해외 활용에 비하면 높은 편이 아님




부트스트랩의 장점

  1. 반응형 웹을 최소한의 코드로 구현 가능
  2. 미리 만들어진 UI를 사용하므로 전문가가 아니더라도 퀄리티 높은 웹 구현 가능 (사용하기 쉬움)
    • 타이포그래피 및 각종 메뉴들을 포함한 거의 모든 요소들을 내장하고 있어 웹사이트 손쉽게 만들 수 있음
    • HTML로 웹사이트의 뼈대를 만들고 미리 정의된 클래스 선택자를 HTML 코드에 삽입 하는 것만으로 레이아웃과 각종 요소가 만들어짐
  3. 제공되는 소스를 자신이 만들고자 하는 느낌대로 커스터마이징 가능 (정형화될 수 있는 디자인 보완 가능)




부트스트랩의 단점

  1. 요소를 수정하지 않고 부트스트랩을 사용할 시 사용한 웹사이트들의 디자인이 정형화됨
  2. 구형 브라우저 지원을 못 함
  3. 많은 Class로 인해 작업 속도가 느림
  4. 이미지를 많이 사용하는 복잡하고 화려한 디자인의 웹사이트의 경우 부트스트랩 사용 시 스타일시트를 처음부터 수정해야 하여 부트스트랩이 익숙하지 않다면 어려움을 느낄 수 있음