1

src/components/Comment.vue

@@ -0,0 +1,17 @@
+<template>
+    <div>
+        <Profile/>
+        
+        <div>페이지네이션</div>
+    </div>
+</template>
+
+<script setup>
+
+import Profile from './Profile.vue';
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/components/Profile.vue

@@ -0,0 +1,29 @@
+<template>
+    <div class="d-flex align-items-center">
+        <div class="d-flex align-items-center">
+            <div class="avatar me-2">
+                <img src="/img/avatars/2.png" alt="Avatar" class="rounded-circle">
+            </div>
+            <div class="me-2">
+                <h6 class="mb-0">만드레</h6>
+                <small>2024.12.10 10:46</small>
+            </div>
+        </div>
+        <div class="ms-auto">
+            <button class="btn btn-label-primary btn-icon">
+                <i class="bx bx-user-check bx-md"></i>
+            </button>
+            <button class="btn btn-label-primary btn-icon">
+                <i class="bx bx-user-check bx-md"></i>
+            </button>
+        </div>
+    </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped>
+
+</style>

src/views/board/BoardView.vue

@@ -1,13 +1,15 @@
 <template>
     <div class="container-xxl flex-grow-1 container-p-y">
         <div class="row">
-            board213123
+            <Comment/>
         </div>
     </div>
 </template>
 
 <script setup>
 
+import Comment from '@/components/Comment.vue';
+
 </script>
 
 <style>