😁 한 일

• 유저 정보를 context를 이용하여 관리했다. context 종류가 많아 따로 AuthContext.js라는 파일을 만들었다.

import * as React from 'react';

const AuthContext = React.createContext(null);

export default AuthContext;

• App.js 에서는 AuthContext를 임포트해주고, 값을 관리할 state를 만들었다. 그리고 AuthContext.Provider로 감싸준 다음 value로 값을 전달하면 된다..

// ...
import AuthContext from './contexts/AuthContext';

function App(){
	const [auth, setAuth] = React.useState(null)
    // ... 
   return (
      <AuthContext.Provider value={{auth:auth, setAuth}}>
     // ...
     )
}

• context 값을 사용하려면 useContext를 이용하면 된다!

const {auth} = React.useContext(AuthContext)

🤔 할 일

• 404 페이지 만들기