반응형
정의
부트스트랩(Bootstrap)은 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS 프레임워크이다. 하나의 코드로 휴대폰, 태블릿, 데스크탑까지 다양한 기기에서 작동하게 만들 수 있으며, 다양한 기능을 제공하여 사용자가 쉽게 웹사이트를 제작, 유지, 보수할 수 있도록 도와준다.
- 부트 스트랩이란 각종 레이아웃, 버튼, 입력창 등의 디자인을 HTML, CSS, Javascript로 구성해 놓은 프레임워크라 생각하면 된다.
- 부트스트랩은 주로 반응형 웹 개발을 위해 사용하고 반응형 웹 개발에 대한 기본 사항이 포함되어 있어 개발자는 미리 정의된 그리드 시스템에 코드를 삽입하기만 하면 된다.
- 부트스트랩을 사용하는 웹 개발자는 기본 명령과 기능에 대해 걱정할 필요 없이 훨씬 빠르게 웹사이트를 구축할 수 있다.
왜 사용하는가?
- 웹 페이지 개발이 진행될 때 개발자의 취향에 따라 도구도 다르고 자신만의 라이브러리를 사용하기도 해서 보통 개발 시작 전 어느 정도의 표준을 정해놓고 작업을 진행한다.
- 부트스트랩 프레임워크를 이용하면 재사용 가능한 요소들을 개발자가 원하는 대로 사용하고 정해진 구조와 틀 안에서 이것들을 사용하기 때문에 일관성도 유지할 수 있다.
- 부트스트랩은 사전 컴파일된 버전과 소스 코드 버전을 기반으로 하는 두 가지 변형으로 제공된다. 숙련된 개발자는 프로젝트에 맞게 스타일을 사용자 정의할 수 있으므로 후자를 선호한다.
장점 및 단점
- 장점 :
- 반응형 그리드 시스템을 이용해서 반응성이 뛰어나고 모바일 친화적인 레이아웃을 만들 수 있다.
- 파일 구조가 단순해서 컴파일 된 파일만 사용하거나 파일을 수정하여 사용 가능
- 많은 튜토리얼과 온라인 포럼이 있어 배우기 쉽고 접근성이 좋음
- 일관된 스타일 및 구성 요소 세트를 제공해 웹 애플리케이션 전체에서 통일된 모양과 느낌을 유지하는 데 도움이 된다.
- 단점 :
- 일관된 시각적 스타일을 가지고 있어 한 프로젝트를 다른 프로젝트와 다르게 만들려면 사용자 정의와 스타일 재정의에 들어가는 공수가 많아진다.
- 부트스트랩을 사용하면 기능이 많고, 기능이 많다는 것은 대용량 파일로 구성된다는 것을 의미한다. 이는 웹 사이트의 로딩 시간이 느려지고 서버에 부담을 줄 수 있다는 이야기
- 최신 버전의 인기 브라우저와의 호환은 문제 없지만 이전 버전에서는 그렇지 않다.
- 부트스트랩 스타일이 상대적으로 부피가 커 불필요한 HTML 출력이 발생해 CPU 리소스가 낭비될 수 있다.
내 생각
- 여러 가지 템플릿을 제공해주는 웹 프레임워크구나
- 각종 템플릿이 있고 반응형 그리드 시스템을 이용해서 웹이나 모바일 둘다 빠르고 쉽게 개발할 수 있다
[참조] :
반응형
'CS 지식' 카테고리의 다른 글
| KPI / SLI / SLO / SLA란? (1) | 2023.11.27 |
|---|---|
| GitOps란? (2) | 2023.11.20 |
| 사일로(silo)란? (0) | 2023.11.13 |
| DNS 플러쉬(Flush)란? (0) | 2023.11.09 |
| robots.txt 파일이란? (1) | 2023.11.08 |
