🚀 Bootstrap 5.3 + Spring Boot로 구축하는 모던 웹 애플리케이션

Bootstrap 5.3의 최신 유틸리티 클래스와 CSS 변수를 활용하여 모던하고 아름다운 반응형 블로그 UI를 작성하는 방법을 소개합니다.

1. Bootstrap 5.3 Grid System

Header, 3 Column Body, Footer 레이아웃 구조를 모바일 및 데스크톱 환경에 맞추어 최적화합니다.

<div class="row g-4">
    <div class="col-lg-3"><!-- Left Sidebar --></div>
    <div class="col-lg-6"><!-- Main Post Content --></div>
    <div class="col-lg-3"><!-- Right Sidebar / TOC --></div>
</div>

2. DB 동적 메뉴 연동

헤더와 사이드바 메뉴 앵커를 DB에서 실시간으로 불러와 클라이언트에 전달하는 REST API 패턴입니다.