[Bootstrap] Bootstrap이란?

[Bootstrap] Bootstrap이란?

 

정말 기본만 알아볼 것이다. 

 

Bootstrap이란?

: HTML, CSS, JS 프레임워크
: 프론트엔드 개발을 빠르고 쉽게 할 수 있는 프레임워크이다.
: HTML과 CSS 기반의 템플릿 양식, 버튼, 네이게이션 및 기타 페이지를 구성하는 요소를 포함한다.
: 자바스크립트를 선택적으로 확장 할 수 있다.

 

Bootstrap의 특징

드롭다운 메뉴, 버튼, 탭, 리스트 등등 웹 페이지에서 많이 쓰이는 요소를 내장하고 있다.
관련 이미지만 설치하고 미리 지정된 CSS 클래스나 JavaScript 함수만 불러오면 디자인이 완성된다.

 

Bootstrap의 활용

반응형 웹 디자인을 만들 때 쓰는 것이다.
반응형 웹 디자인 : 장치의 종류에 상관없이 모든 브라우저에서 잘 보이도록 자동 조정이 되는 웹 사이트 디자인

 

Bootstrap 활용의 과정

1. 페이지를 만들다가 필요한 것이 생긴다. 그와 비슷한 형태 또는 기능을 생각해본다. (버튼, 리스트, 스크롤바 등등)
2. 그 기능을 가진 툴을 생각해본다.
3. 툴에 맞는 디자인을 Bootstrap 페이지에서 고른다.
4. 그 다음 원하는 위치, 크기 등을 고려하여 HTML 문서에 복사하기 붙여넣기를 잘 한다.

 

++ 복사하기 붙여넣기가 생명이다.