From c56acf60f877f134318bc6d546d6337f88d33f2c Mon Sep 17 00:00:00 2001
From: kimdaae328 <kimdaae328@gmail.com>
Date: Tue, 17 Dec 2024 10:04:51 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B2=8C=EC=8B=9C=ED=8C=90=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=B6=84=EB=A6=AC=20=EB=B0=8F=20?=
 =?UTF-8?q?=EB=84=A4=EC=9D=B4=EB=B0=8D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardComentArea.vue        | 15 +++++++++++++++
 .../{Comment.vue => board/BoardComment.vue}     | 10 +++++-----
 .../{BoardDetail.vue => board/BoardContent.vue} | 17 +++--------------
 .../{Profile.vue => board/BoardProfile.vue}     |  0
 src/views/board/BoardView.vue                   |  9 ++++-----
 5 files changed, 27 insertions(+), 24 deletions(-)
 create mode 100644 src/components/board/BoardComentArea.vue
 rename src/components/{Comment.vue => board/BoardComment.vue} (62%)
 rename src/components/{BoardDetail.vue => board/BoardContent.vue} (65%)
 rename src/components/{Profile.vue => board/BoardProfile.vue} (100%)

diff --git a/src/components/board/BoardComentArea.vue b/src/components/board/BoardComentArea.vue
new file mode 100644
index 0000000..d7714ba
--- /dev/null
+++ b/src/components/board/BoardComentArea.vue
@@ -0,0 +1,15 @@
+<template>
+    <div>
+
+    </div>
+</template>
+
+<script>
+    export default {
+        
+    }
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/Comment.vue b/src/components/board/BoardComment.vue
similarity index 62%
rename from src/components/Comment.vue
rename to src/components/board/BoardComment.vue
index 4b49d3d..2787748 100644
--- a/src/components/Comment.vue
+++ b/src/components/board/BoardComment.vue
@@ -1,21 +1,21 @@
 <template>
     <ul class="list-unstyled">
         <li>
-            <Profile profileName=곤데리 :showDetail="false" />
+            <BoardProfile profileName=곤데리 :showDetail="false" />
             <div>저도 궁금합니다.</div>
             <ul class="list-unstyled twoDepth">
                 <li>
-                    <Profile profileName=곤데리2 :showDetail="false" />
+                    <BoardProfile profileName=곤데리2 :showDetail="false" />
                     <div>저도 궁금합니다.</div>
                 </li>
             </ul>
         </li>
         <li>
-            <Profile profileName=곤데리 :showDetail="false" />
+            <BoardProfile profileName=곤데리 :showDetail="false" />
             <div>저도 궁금합니다.</div>
         </li>
         <li>
-            <Profile profileName=곤데리 :showDetail="false" :unknown="false"/>
+            <BoardProfile profileName=곤데리 :showDetail="false" :unknown="false"/>
             <div>저도 궁금합니다.</div>
         </li>
     </ul>
@@ -24,7 +24,7 @@
 
 <script setup>
 
-import Profile from './Profile.vue';
+import BoardProfile from './BoardProfile.vue';
 
 </script>
 
diff --git a/src/components/BoardDetail.vue b/src/components/board/BoardContent.vue
similarity index 65%
rename from src/components/BoardDetail.vue
rename to src/components/board/BoardContent.vue
index 73cfae6..2cdf1d2 100644
--- a/src/components/BoardDetail.vue
+++ b/src/components/board/BoardContent.vue
@@ -2,7 +2,7 @@
     <div class="col">
         <div class="card">
             <div class="card-header">
-                <Profile profileName="만드레야2" />
+                <BoardProfile profileName="만드레야2" />
             </div>
             <div class="card-body">
                 <div class="d-flex justify-content-between align-items-center flex-wrap mb-6 gap-2">
@@ -22,18 +22,7 @@
                 <div class="d-flex min-150">
                     <p class="mb-0">현재 뷰 사용중인데 리액트 공부가 해보고 싶습니다. 강의 추천해주십쇼! 리액트 1도 모릅니다.</p>
                 </div>
-                <div class="card shadow-none border mt-6">
-                    <div class="card-body">
-                        <div class="d-flex justify-content-start align-items-top">
-                            <div class="avatar-wrapper">
-                                <div class="avatar me-4"><img src="/img/avatars/11.png" alt="Avatar" class="rounded-circle"></div>
-                            </div>
-                            <div class="w-100">
-                                <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+                
                 <div class="mb-4 text-end">
                     <button class="btn btn-primary my-4">답변 쓰기</button>
                 </div>
@@ -43,7 +32,7 @@
 </template>
 
 <script setup>
-    import Profile from './Profile.vue'
+    import BoardProfile from './BoardProfile.vue';
 </script>
 
 <style scoped>
diff --git a/src/components/Profile.vue b/src/components/board/BoardProfile.vue
similarity index 100%
rename from src/components/Profile.vue
rename to src/components/board/BoardProfile.vue
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index fee4dce..6f5fac8 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -1,17 +1,16 @@
 <template>
     <div class="container-xxl flex-grow-1 container-p-y">
         <div class="row">
-            <BoardDetail />
-            <Comment />
+            <BoardContent />
+            <BoardComment />
         </div>
     </div>
 </template>
 
 <script setup>
 
-import Profile from '@/components/Profile.vue';
-import Comment from '@/components/Comment.vue';
-import BoardDetail from '@/components/BoardDetail.vue';
+import BoardComment from '@/components/board/BoardComment.vue';
+import BoardContent from '@/components/board/BoardContent.vue';
 
 </script>