[프로젝트] 리덕스를 쓰지않을시 문제점

문제상황:

2주 프로젝트시 이미 1주가 진행된 상태에서 리덕스를 쓰면 모든 코드를 갈아 엎어야했기에 리덕스를 쓰지않는 방향이 되었다.

리덕스를 쓰는 이유를 프로젝트를 진행하면서 느끼게되었다.

리액트로 컴포넌트 단위로 개발을 했고 로그인, 로그아웃 구현시 localstorage.setItem, localstorage.removeItem 함수를 사용하여 로그인 상태를 저장했고. 항상 로딩되는 Nav바에서 useEffect를 사용하여 로그인 상태를 관리해줬으나 

새로고침을 하지않으면 로그인, 회원가입 부분이 바로바로 바뀌지가 않는 상태가 발생한다.

 

 

해결방안 : 우리팀의 팀장님이 알려주신 해결방안은 window.location.reload()를 써줘야한다는것. 이렇게 사용하면 바로바로 바뀌지만 임시방편이라고 한다. 

 

 const handleResponseSuccess = () => {
    setIsLogin(true);
    localStorage.setItem("isLogin", true);
    window.location.reload();
  };

 

 

4주프로젝트는 무조건 리덕스를 사용해야겠다.