🎨Bootstrap

HTML 이 화면의 뼈대를 만든다면 사용자에게 보기 좋은 화면으로 꾸미는 기능은 CSS 파일이 담당 하게 됩니다.

보일러 플레이트 코드 처럼 이 꾸미는 기능들을 좀 더 간단하게 사용할 수 없을까? 라는 질문이 생겼고 이를 가능하게 해 주는 것이 Bootstrap 입니다.

Bootstrapgetbootstrap

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>

우리는 앞에서 이미 보일러 플레이트 코드를 복사 & 붙여넣기 하면서 Bootstrap 의 기능을 사용할 수 있도록 코드를 붙여 넣었습니다. (위의 link 태그와 script 태그가 어디에 위치하는 지 전체 코드에서 살펴 보세요!)

그럼, 본격적으로 홈페이지의 내용을 채워 보도록 하겠습니다!