어제 고민했던 한 페이지에 두개의 다른 페이지로 이동할수 있는 버튼을 고민했다. 다른 두 페이지가 메인페이지랑 똑같은 디자인을 갖기위해서 메이인페이지를 복사했고 서로다른 두 버튼을 클릭하여 이동하는 식으로 만들었다. 예를들면 메인 게시물 페이지에 두개의 화면전환 버튼이있고 A버튼을 클릭할때 A페이지 B버튼을 클릭할때 B페이지로 이동하게했다.
----------Redux 어려운점
1) 똑같은 페이지의 디자인을 갖기위해서 A와 B페이지가 일반적으로 메인페이지를 복붙하여 만들어지는지 궁금함. 리덕스를 사용해서 State 관리하기는 쉬우나 reducer 파일을 명확하게 나누는 기준을 아직 잘 모르겠다.
2) 로그인을하고 새로고침 버튼을 누를때 로그아웃이 되는 현상이 발생함. 그래서 서버에서 받은 session ID 를 클라이언트 localStore 에 저장했다가 서버에 로그아웃 요청으로 서버에서 session id 가 삭제가 성공적으로 이뤄지면 클라이언트 localStore에 저장되어진 session ID 를 삭제하는 방식으로 했다.
새로고침에서는 문제가 없었는데 변하는 state를 요청하는 페이지, 예를들면 메인페이지에서 게시물을 클릭했을때 변경되어지는 State를 갖는 페이지에서 새로고침했을때 State가 초기화가되어 버렸다. 서버와의 관계에서 session 의 문제인것일까? 어떤식으로 state를 유지하면서 모든페이지에서 로그인이 유지되어질수 있을까.
3)제일어려운건 components 를 나누는 기준과 action 과 reducer을 여러 파일로 나누어 관리했을때 어떤 기준으로 나눠야하는지?
Redux 배운점 -------------
State가 업데이트되면 그 State를 포함하는 페이지는 모두 다시 렌더링되어진다.
