화면 레이아웃 구성

app/views/layouts/application.html.erb

@@ -20,11 +20,19 @@
   <%# Includes all stylesheet files in app/assets/stylesheets %>
   <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
   <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
 </head>
 
-<body>
-<main class="m-4">
-  <%= yield %>
+<body class="h-screen overflow-hidden">
+<main class="flex flex-col h-full divide-y divide-border-table-border">
+  <%= render "partials/header" %>
+  <div class="flex flex-row flex-1 w-full divide-x divide-border-table-border overflow-hidden">
+    <%= render "partials/sidebar" %>
+    <div class="w-full h-full">
+      <%= yield %>
+    </div>
+  </div>
 </main>
 </body>
+
 </html>