TIL - 20220614

 오늘은 코드숨 리액트 7주차의 두, 세 번째 강의를 들었다.

 

 먼저, given이라는 라이브러리를 알게 됐다.

 

given - npm source:https://www.npmjs.com/package/given

기존 리덕스를 이용하는 테스트 코드를 작성하는 경우, 필요한 조건을 걸어줄 때마다 useSelector로 일일이 state에 대한 조건을 작성해줬어야 했는데, given을 사용하게 되면 state에 대한 조건도 간단하게 작성할 수 있고 lazy한 평가를 할 수 있기 때문에 테스트 코드 작성이 수월해지게 됐다. 앞으로 리덕스를 사용하는 테스트 코드를 작성할 때 given을 활용하도록 해야겠다.

 

 다음으로, 로그인 정보를 localStorage와 redux의 state에 저장하고, 페이지를 새로고침할 때마다 로그인 정보를 날아가지 않도록 하는 법을 배웠다. 과거에 로그인 정보를 localStorage에만 저장했어서 만약 게시글 작성과 같은 로그인을 필요로 하는 작업을 할 때 사용자의 로그인 상태를 redux로 알 수 있는 방법도 있지 않을까라는 고민을 한 적이 실제로 있었는데, redux의 state에 accessToken값을 저장하고 로그인이 필요한 행동을 진행할 때, state에 존재하는 accessToken 값을 받아와 action을 실행하면서 accessToken값이 존재하지 않으면 action을 수행하지 않는 방식을 배울 수 있어서 좋았다.