#1-Bootstrap이란?

Bootstrap을 알기 전, 라이브러리와 프레임 워크를 알아보자.

 

라이브러리란?

위키 백과에서는 라이브러리를 이렇게 정의한다.

라이브러리(영어: library)는 주로 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임이다. 여기에는 구성 데이터, 문서, 도움말 자료, 메시지 틀, 미리 작성된 코드, 서브루틴(함수), 클래스, 값, 자료형 사양을 포함할 수 있다. OS/360 및 이후 세대에서는 파티션 데이터 세트로 부른다.

 

소프트웨어를 개발하기 쉽게 기능을 제공하는 도구라고 할 수 있다. 내가 참고한 블로그에서는 이를 톱, 망치, 삽 같은 연장으로 묘사했다. 어떤 도구를 사용하든, 사용자가 원하는 것을 만들어 주는데 집중하는 것이 라이브러리라고 한다.

 

 

프레임 워크란?

위키 백과에서는 프레임 워크를 이렇게 정의한다.

웹 프레임워크(web framework, WF) 또는 웹 애플리케이션 프레임워크(web application framework, WAF)는 동적인 웹 페이지나, 웹 애플리케이션, 웹 서비스 개발 보조용으로 만들어지는 애플리케이션 프레임워크의 일종이다. 웹 페이지를 개발하는 과정에서 겪는 어려움을 줄이는 것이 주목적으로 통상 데이터베이스 연동, 템플릿 형태의 표준, 세션 관리, 코드 재사용 등의 기능을 포함하고 있다.

 

개발을 하기 위한 틀, 뼈대를 제공하는 키트라고 할 수 있다. 참고 블로그에서는 이를 연장으로 만든 차, 비행기, 배 같은 운송수단으로 묘사했다. 라이브러리와 달리, 어디서 움직여야 하는지 목적에 가깝게 써야 하는 것이 프레임워크라고 한다. 아래 블로그에서는 프레임 워크를 이렇게 정의한다.

하나의 애플리케이션을 구축할 때, 모든 애플리케이션의 공통적인 개발 환경을 제공해 주는 것. 개발에 필요한 화면 구현, DB 연동, 개발 환경들에 공통적인 부분을 제공함으로써 개발 시간과 리소스 비용을 절감해 생산성을 높여주는 것.

 

참고 블로그

https://www.castingn.com/sourcing/kkultip_detail/110

프레임워크(framework)란?

 

Bootstrap이란?

그렇다면 부트스트랩은 무엇일까? 위키백과의 정의는 아래와 같다.

부트스트랩(Bootstrap)은 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크이다. 하나의 CSS로 휴대폰, 태블릿, 데스크탑까지 다양한 기기에서 작동한다. 다양한 기능을 제공하여 사용자가 쉽게 웹사이트를 제작, 유지, 보수할 수 있도록 도와준다.

즉, 웹사이트를 쉽게 만들 수 있도록 틀을 만들어 놓은 키트라는 것이다. 클래스 하나만 추가해도 예쁜 버튼과 내비게이션을 만들 수 있다. 이는 키트이기 때문에 컴포넌트에 대한 스타일이 이미 지정되어 있기 때문이다.