Dev-log 2021년 4월 19일

오늘은 무엇을 했는가?

• 로그인 상태 유지 하기
  • 리덕스의 Store는 앱을 종료하면 저장되어 있던 모든 상태가 없어지기 때문에 캐시 기능을 구현하는 또다른 장치가 필요하다.
  • localStorage 저장하고자 하는 reducer state를 저장하고, 새로고침하면 저장공간에 있는 데이터를 redux에 불러오는 형식.

  import storage from 'redux-persist/lib/storage

  • 지난 javascript 프로젝트에서 사용했던 redux-persist 라이브러리 가 typescript 에서도 이용가능 하기 때문에 사용했다.
  • store, reducer/index, index 파일 모두 바꿔 줘야 한다.
  • 지난 프로젝트 코드와 이 두개의 블로그를 참고 해서 작성하였다.
  • https://medium.com/humanscape-tech/redux-persist-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0-2077c9e566d9
  • https://levelup.gitconnected.com/persisting-your-react-application-state-with-redux-and-typescript-51e4e66c4e53
• Strict 모드 : 잠재적인 문제를 알아내기 위한 도구
  ( Strict 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않는다)
  • 안전하지 않은 생명주기를 사용하는 컴포넌트 발견
  • 레거시 문자열 ref 사용에 대한 경고
  • 권장되지 않는 findDOMNode 사용에 대한 경고
  • 예상치 못한 부작용 검사
  • 레거시 context API 검사
    참고 공식문서
    https://ko.reactjs.org/docs/strict-mode.html

오늘 힘든 점은 무엇인가?

• typescript 제대로 사용하고 있는 건지 모르겠다.

• 메인 화면을 좀 잘 꾸며보고 싶은데 아이디어가 없다..

  내일은 무엇을 해야 하나?

• 메인 화면으로 할 수 있을 만한 구성 찾아서 적용하기