[feat] boostcampwm-2022#85 유저 정보 전역 저장

- 로그인이 되어있는 경우, 메인페이지에서 유저 정보 전역으로 저장

frontend/src/page/Main/index.tsx

@@ -1,15 +1,23 @@
 import axios from 'axios';
 import { useEffect, useState } from 'react';
+import { useRecoilState } from 'recoil';
 import Background from '../../component/Background';
 import MainContent from '../../component/MainContent';
+import { userState } from '../../store/atom/user';
 
 const Main = () => {
   const [hasToken, setHasToken] = useState(false);
+  const [user, setUser] = useRecoilState(userState);
 
   useEffect(() => {
     const checkAuth = async () => {
-      const data = await axios.get('/api/user/auth');
-      data.status === 200 ? setHasToken(true) : setHasToken(false);
+      const response = await axios.get('/api/user/auth');
+      response.status === 200 ? setHasToken(true) : setHasToken(false);
+
+      setUser({
+        nickname: response.data.nickname,
+        hair: response.data.characterName,
+      });
     };
 
     checkAuth();

frontend/src/store/atom/user.ts

@@ -2,13 +2,13 @@ import { atom } from 'recoil';
 
 export interface userProps {
   nickname: string;
-  hair: number;
+  hair: string;
 }
 
 export const userState = atom<userProps>({
   key: 'userState',
   default: {
     nickname: '',
-    hair: -1,
+    hair: '',
   },
 });