로그인 상태를 전역으로 어떻게 공유할까?

처음에 뭔가 막막했다..서버에서 가입과 로그인 그리고 Auth에 따른 권한 구분을 구현했는데

Front쪽에서 회원가입 폼만 만들어놓고 내부 구현사항은 하나도 없었다..ㅎ

 

로그인 기능이 필요한 웹들은 처음에 Login > 로그인 완료된 상태로 넘어가는게 보통인데

나는 접속하면 비회원 권한이 주어지고 Login하면 닉네임이 따로 주어지는 그런 기능이다..

 

그래서 이를 어찌하면 좋을지 고민하다가 React홈페이지를 열심히 뒤지면서

React.Context를 사용해보기로 했다. Context의 기능은 쉽게말해 부모에서부터 하위 자식단까지

계속 Prop으로 전달할 필요 없이 Context를 부모에서 써주면 일일이 전달하지 않아도 자식컴포넌트에서

가져다 쓸 수 있다.

 

그럼 나는 처음에 웹에 접속하면 비회원 token을 부여하고 로그인을 하게 된다면 새로운 user정보를 반환하는

형식으로 코드를 구성하면 될 것 같다.. 이제 쉬는 날이니까 조금 쉬었다가 다시 또 열심히 해야겠다