게시판 글 등록 기능

src/views/Club.vue

+<!--동아리 구경 눌렀을 때 동아리 리스트들 나오는 화면-->
 <template>
     <div class="club">
         <div class ="content">
@@ -25,9 +26,12 @@
         </div>
         <div class="clublist">
         <div v-for = "club in searching" class="clubImage">         
-            <h3>{{club.name}}({{club.category}})</h3>
+            <router-link :to="{path:`/club_page/${club.id}`,params:{clubId:club.id}}">
+            <div>
+                <h3>{{club.name}}</h3>
                 <p>{{club.detail}}</p>   
-            <router-link :to="{path:`/club_page/${club.id}`,params:{clubId:club.id}}">Join in!</router-link>
+            </div>
+            </router-link>
         </div>
         </div>
     </div>

src/views/Modify_profile.vue

+<!--내 정보 수정할 때-->
 <template>
     <div class="modify">
         <div>
-            <!--placeholder로 기본값 설정해야함 / form 형식?-->
             이름: <input type="text" name="name" placeholder="김도현" readonly/>
             <br>
             이메일: <input type="email" v-model="user.email" placeholder="kdh5998@ajou.ac.kr" required>

src/views/Mypage.vue

+<!--내 정보 볼 때-->
 <template>
     <div class="mypage">
         <div>

src/views/Post.vue

+<!--활동 일지 글 쓸 때-->
 <template>
     <div class="posting">
         <NavClub id="navClub">가나다</NavClub>
@@ -12,6 +13,7 @@
     </div>
 </template>
 <script>
+import router from "../router/index"
 import NavClub from '@/components/NavClub.vue'
 import axios from "axios"
 import {mapState} from "vuex"
@@ -31,12 +33,14 @@ export default {
     },
     methods: {
         post(){
-            axios.post(`http://jnhonlinux.ddns.net:3000/activityLog`, {
+            let id = this.$route.params.clubId;
+            axios.post(`http://jnhonlinux.ddns.net:3000/activityLog/${id}`, {
                 title: this.title,
-                contens: this.content,
-                u_id: this.userInfo.id,
-                c_id: this.club[0].id
+                content: this.content,
+                writer: this.userInfo.name,
+                // c_id: this.club[0].id
             })
+            router.push(`/club_post/${id}`)
         }  
     },
     async created() {

src/views/PublicBoard.vue

-<template>
-    <div class="publicBoard">
-        <h1>This is Public Board</h1>
-    </div>
-</template>
-
-<script>
-export default {
-    
-}
-</script>
-

src/views/SignUp.vue

+<!--회원가입 페이지-->
 <template>
     <div class="signup">
         <h1>Sign Up</h1>

src/views/club_Free.vue

+<!--동아리 내에서 활동일지 눌렀을 때-->
 <template>
     <div class="clubView">
         <NavClub id="navClub"></NavClub>
-        <router-link :to="{path:`/post/${club[0].id}`}">글쓰기</router-link>
+        <div v-for="board in freeboard" class="board">
+                <router-link :to="{ name: 'board', params: { id: board.id}}">
+                <div>
+                   {{board.writer}} ㅣ {{board.title}} ㅣ {{board.date}}
                 </div>
+                </router-link>
+        </div>
+        <router-link :to="{path:`/post/${club[0].id}`}">글쓰기</router-link>
+
     </div>
 </template>
 
@@ -24,14 +32,21 @@ export default {
                 univ:'',
                 logo:'',
                 produce:''
+          }],
+          freeboard:[{
+              title:'',
+              content:'',
+              writer:''
           }]
       }
   },
   async created() {
       let id = this.$route.params.clubId;
         const res = await this.$http.get(`http://jnhonlinux.ddns.net:3000/club/${id}`)
-            console.log(res.data.result)
             this.club = res.data.result
+        const freeboard = await this.$http.get(`http://jnhonlinux.ddns.net:3000/freeboard/${id}`)
+            this.freeboard = freeboard.data.result
+
     }
 }
 </script>

src/views/club_Manage.vue

+<!--동아리 내에서 동아리 회원 관리-->
 <template>
     <div class="manage">
         <NavClub id="navClub">가나다</NavClub>

src/views/club_Page.vue

+<!--동아리 내에서 메인 화면-->
 <template>
     <div class="clubView">
         <NavClub id="navClub">가나다</NavClub>

src/views/club_Post.vue

+<!--동아리 내에서 활동일지 눌렀을 때-->
 <template>
     <div class="clubView">
         <NavClub id="navClub"></NavClub>
-        <router-link :to="{path:`/post/${club[0].id}`}">글쓰기</router-link>
+        <div v-for="board in activityLog" class="board">
+                <router-link :to="{ name: 'board', params: { id: board.id}}">
+                <div>
+                   {{board.writer}} ㅣ {{board.title}} ㅣ {{board.date}}
                 </div>
+                </router-link>
+        </div>
+        <router-link :to="{path:`/post/${club[0].id}`}">글쓰기</router-link>
+
     </div>
 </template>
 
@@ -24,14 +32,21 @@ export default {
                 univ:'',
                 logo:'',
                 produce:''
+          }],
+          activityLog:[{
+              title:'',
+              content:'',
+              writer:''
           }]
       }
   },
   async created() {
       let id = this.$route.params.clubId;
         const res = await this.$http.get(`http://jnhonlinux.ddns.net:3000/club/${id}`)
-            console.log(res.data.result)
             this.club = res.data.result
+        const activityLog = await this.$http.get(`http://jnhonlinux.ddns.net:3000/activityLog/${id}`)
+            this.activityLog = activityLog.data.result
+
     }
 }
 </script>

src/views/club_Question.vue

+<!--동아리 내에서 자주묻는질문 눌렀을 때-->
 <template>
     <div class="clubView">
         <NavClub id="navClub">가나다</NavClub>