[#57][#58] localStorage를 추가하여 token&slug 사용, header의 토큰 값에 따른 api요청 분할

[hoyyChoi]

#57 유저의 토큰 값 및 Article에 slug를 localStorage에 저장
#58 로그상태 유무에 따른 Article 출력

1. 로그인,회원가입 했을 때 localStorage를 사용해 토큰값 저장

2. index.jsx에서 User부분의 Get메소드 활성화, 헤더에 토큰 값 추가한 후, app.jsx에 useEffect를 사용하여 새로고침시 user의 정보를 토큰값을 이용해서 받아옴.

3. home에서 articlelist를 받아올때 (auth로 구별)

   1. 로그인 시 : header에 토큰값 넣어줌 ⇒ global feed에 user의 article도 받아옴
   2. 로그아웃 시 : 토큰값 X ⇒ global feed에 기존 api에 있는 article만 받아옴

4. profile (articleList) 에서

   1. 로그인 시: profile 주인의 article만 불러옴 (token O) 파라미터 값으로 author
   2. 로그아웃 시 : Gerome profile를 누르면 article 불러옴 (token X), 파라미터 값으로 (author)

   ⇒ 구별하지 않고 같은 axios를 사용하는 경우 로그아웃 시 header에 토큰값이 없어 오류 발생

5. article 상세페이지 눌렀을때, article에 대한 데이터들이 내려오면서 slug부분은 localStorage에 저장. (로그인 유무에 관계없이 article 상세페이지에서 새로고침을 누르면 article페이지가 나와야하기 때문에) - localStorage에 저장된 slug를 api 주소로 보낸다.

6. setting에서 값을 업데이트 했을 때 profile 페이지로 넘어가면서 데이터가 업데이트 된 값으로 바뀜