Bootstrap 5, 부트스트랩

Bootstrap

Build fast, responsive sites with Bootstrap.

 

Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.

 

 

• 트위터에서 시작된 오픈 소스 프론트엔드 라이브러리
• 웹 페이지에 많이 쓰이는 요소 거의 전부를 내장하고 있다.
• 별도의 디자인을 할 시간이 크게 줄어들고,
• 여러 웹 브러우저를 지원하기 위한 크로스 브라우징에 불필요한 시간을 사용하지 않도록 도와준다.
• one source multi use
• 반응형 웹 디자인

* 다운로드 https://getbootstrap.com/docs/5.1/getting-started/download/

Download

 

CDN, Content Delivery(Distribution) Network

컨텐츠(CSS, JS, Image, Text 등)를 효율적으로 전달하기 위해,

서버와 사용자 사이의 물리적 거리를 줄여 컨텐츠 로드 지연을 최소화

분산 된 서버로 이루어진 플랫폼, 전 세계 사용자들이 로딩 시간을 늦추지 않고 동일한 품질의 컨텐츠를 사용할 수 있다.

 

• 장점
  • 사용자와 가까운 서버를 통해 빠르게 전달 가능
  • 외부서버를 활용함으로써 본인 서버의 부하가 적어진다.

 

Responsive Web Design

다양한 화면 크기를 가진 디바이스들이 등장함에 따라 reponsive web design 개념이 등장

반응형 웹은 별도의 기술 이름이 아닌 웹 디자인에 대한 접근 방식,

반응형 레이아웃 작성에 도움이 되는 사례들의 모음 등을 기술하는데 사용되는 언어

• 예시
  • Media Queries, Flexbox, Bootstrap Grid System, The viewport meta tag