Merge pull request #55 from Soongsil-Developers/practiceToken

article에 토큰줘서 문제 해결 (연습한 거)

src/component/Article/ShowComment.jsx

@@ -18,7 +18,7 @@ const ShowComment = () => {
       .catch((err) => {
         console.log(err);
       });
-  }, []);
+  }, [comments]);
 
   return (
     <div className="row">

src/component/Article/WriteCommet.jsx

@@ -16,6 +16,7 @@ const WriteCommet = () => {
     postComment(slug,{body},{user})
     .then(res=>{
         console.log(res)
+        //rerender 되면서 코멘트 부분이 추가됨. 페이지 전환
     }).catch(err=>{
         console.log(err)
     })

src/component/Home.jsx

@@ -2,16 +2,17 @@ import React from 'react'
 import ArticleList from './ArticleList'
 import Populartags from './Populartags'
 import { useRecoilValue } from 'recoil'
-import { authState } from '../atoms/auth'
+import { authState, userState } from '../atoms/auth'
 import { useEffect,useState } from 'react'
 import { getArticles } from '../remote/index'
 
 const Home = () => {
     let [articleData,setArticleData] = useState([])
     const auth = useRecoilValue(authState)
+    const user = useRecoilValue(userState)
 
     useEffect(()=>{
-        getArticles('Gerome')
+        getArticles({user})
         .then(res=>{
             setArticleData(res.data.articles)
         }).catch(err=>{

src/component/Profile.jsx

@@ -9,10 +9,11 @@ import ArticleList from './ArticleList'
 const Profile = () => {
 
     const profile = useRecoilValue(profileState)
+    const user = useRecoilValue(userState)
     let [articleData,setArticleData] = useState([])
 
     useEffect(()=>{
-       getArticles(profile.username)
+       getArticles(profile.username,{user})
        .then(res=>{
         setArticleData(res.data.articles)
 

src/remote/index.jsx

@@ -119,7 +119,7 @@ const postRegisterUser=(user)=>conduitAxios.post('/users',{user});
 }}
    */
 
-const getArticles = (author) => conduitAxios.get(`/articles/?author=${author}&limit=20&offset=0`)
+const getArticles = ({user}) => conduitAxios.get(`/articles?limit=30&offset=0`,{headers:{authorization:`Bearer ${user.token}`}})
 
 /**
  @param {{article: {