0. 부트스트랩

부트스트랩은 웹 프레임 웤 입니다. 프레임 웤은 최소한의 작업으로 빠르게 결과물을 만들 수 있도록 구축해 놓은 종합 공구 세트라고 생각하시면 쉽습니다.

부트스트랩은 큰 모니터 화면으로 보던지 휴대폰처럼 작은 화면으로 보던지 상관 없이 사용자의 시점에 맞춰 최적화 되어 화면을 구성합니다. 이렇게 사용자의 시점에 맞춰 구축되는 사이트를 반영형 사이트라고 하는데 부트스트랩은 반응형 사이트를 구축하기에 최적화 되어 있습니다.

부트스트랩은 form, button, table, navigator가 HTML, CSS로 미리 디자인 되어 있습니다. 부트스트랩 3에서 사용하던 대부분의 태그들이 그대로 살아있지만 많은 부분이 바뀌었기 때문에 새로 공부를 하셔야 합니다.

부트스트랩 4가 나온지 벌써 2년이 넘었고, 이제 부트스트랩 공식 버전(21년)은 5로 넘어갔습니다. 그럼에도 시중에는 부트스트랩 3 책이 있고, 구글에서 한국어로 부트스트랩을 검색하면 아직도 3.0 Ver 번역 페이지가 나오기에 Version에 유의하셔서 개발을 하셔야 합니다.

bootstrap4와 bootstrap5의 가장 큰 차이는 JQeury가 없어졌다는 것입니다.

1. 부트스트랩 적용

https://getbootstrap.com/에서 다운로드 받을 수 있습니다.

• 실습은 다운로드를 받지 않고 진행하니 다운로드를 안받으셔도 됩니다

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ca843ea8-4588-4f0d-baa0-348c94f9a8f1/Untitled.png

부트스트랩을 이용한다면 다음과 같은 여러 레이아웃을 만들 수 있습니다. 부트스트랩 공식 홈페이지에서 Examples 탭에서 다양한 레이아웃을 확인해보세요!

유료 템플릿 사이트는 https://wrapbootstrap.com/ 를 참고해보세요.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cacb2d9f-b88d-4988-9fc1-d1ef566ae716/Untitled.png