Express :: 클라이언트사이드에서 로그인이 정보 매번 불러오기

이제 계속해서 로그인은 되어있지만,

새로고침을 하면 로그인이 풀린다.

 

로그인이 안풀리게하기 위해서 클라이언트 사이드에서 설정을해보자.

(제대로하려면 서버사이드 설정을 해야한다. 이건 추후에...)

 

GET /user 요청시 서버라우터

 

프론트 서버쪽 설정

index.js에서 useEffect를 사용해 게시글목록을 불러오면서 사용자 정보도 불러온다.

redux와 saga에서 설정하기.

 

즉 사이트 처음 접속 및 새로고침 시 Get /user요청을 하도록 만든다.

 

 

새로고침 후 state에 유저정보가 있다.

그런데 필요한 정보들(작성한 게시글, 팔로우, 팔로워)는 없고, 패스워드가 있다.

 

처음 로그인했을때랑 같은 현상이다.

추가적으로 정보를 넣고 빼서 데이터를 처리해주자.

 

model에 attributes를 사용해준 이유는

사용자 정보를 가져올 때 필요한건 포스트의 개수나 팔로우의 개수이기 때문이다.

포스트나 팔로우 정보를 모두 받아오면, 글의 내용이나 덧글 등 

불필요한 정보를 모두 가져오면 데이터낭비가 된다.

그러므로 필요한 정보만 보내주자.

 

 

하지만 이렇게하면

로그인을 하고나서 새로고침 시 먼저 로그인창이 보인 후 자동으로 로그인이 되면서 프로필이 보인다.

처음로딩할때는 로그인이 안되어있다가 loadUserReqeust 보내면서 로그인 상태인걸 받아옴.

 

서버로부터 데이터를 받아올 때 로그인된걸 알게하려면 서버사이드 렌더링이 필요함.

이건 추후에 다뤄보겠음.

 

일단 새로고침해도 로그인이 풀리지않게됨^^;;;