Bootstrap

Bootstrap은 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JavaScript 프레임워크입니다. 다양한 기능을 제공하여 사용자가 쉽게 웹사이트를 제작, 유지 보수할 수 있도록 도와줍니다.

Bootstrap의 버튼, 버튼 그룹 기능을 구현해봅니다.

Bootstrap의 컴포넌트 중 드롭다운과 리스트 그룹에 대해서 살펴봅시다.

Boostrap에서 제공하고 있는 Forms, 양식 기능에 대해 알아봅시다. 이는 주로 사용자에게 데이터를 입력받는 양식을 form이라는 태그를 사용하게 되는데 Bootstrap를 통해 손쉽게 사용자에게 보기 좋은 양식을 만들어줄 수 있습니다.

Boostrap을 통해 모달 창을 손쉽게 구현할 수 있습니다. 모달 형식을 통해 저번 시간에 배운 Forms와 함께 로그인 창을 만들어봅니다.

툴팁은 웹 상에서 개체에 마우스를 올리게 되면 작은 말풍선으로 사용자에게 설명을 제공하는 기능입니다. 주의사항은 툴팁은 성능상의 이유로 JavaScript로 직접 초기화를 진행해야 합니다.

이번에는 NPM을 통해 프로젝트 환경에서 Bootstrap을 사용하는 방법에 대해 살펴봅시다.

Boostrap에서 제공하는 기본 테마를 취향에 따라 커스터마이징할 수 있습니다.

Bootstrap의 커스터마이징 내에 있는 Optimize, 성능 최적화에 대해 살펴봅시다.