Bootstrap IMG

부트스트랩(Bootstrap)의 특징 🌟


부트스트랩(Bootstrap)의 장점


웹 페이지를 쉽게 제작 가능

  • 부트스트랩을 다루기 위해서는 HTML과 CSS에 대한 어느 정도의 지식이 필요
  • 웹 페이지는 HTML 태그로 뼈대가 만들어지며, 태그에 CSS 선택자를 추가하고, 이 CSS 선택자에 대해 스타일시트에서 속성과 값을 선언해서 레이아웃 생성

반응형 웹

  • 부트스트랩을 이용하면 쉽게 반응형 웹을 만들 수 있음
    • 레이아웃이 박스처럼 나눠져 있기 때문에(그리드 레이아웃) 굳이 미디어쿼리를 쓰고 디바이스별로 크기를 나누지 않아도 클래스명만 잘 넣으면 반응형 웹을 쉽게 만들 수 있음

많은 자바스크립트 플러그인의 지원

정형화된 디자인 탈피

  • 제공되는 소스를 자신이 만들고자 하는 느낌대로 커스터마이징 가능

오픈 소스

  • 무료로 배포하여 누구나 사용 가능

프리프로세서(Preprocessor)

  • CSS의 언어 확장 버전 제공(Less, Sass)


부트스트랩(Bootstrap)의 단점


✦ 요소를 수정하지 않고 부트스트랩 사용 시, 사용한 웹 사이트들의 디자인이 정형화됨

✦ 구형 브라우저 지원을 못함

✦ 많은 Class로 인해 작업 속도가 느림

✦ 이미지를 많이 사용하는 복잡하고 화려한 디자인의 웹 사이트의 경우, 부트스트랩 사용 시 스타일시트를 처음부터 수정해야 하여 부트스트랩이 익숙하지 않다면 어려움을 느낄 수 있음