본문 바로가기

전체 글

redux-persist 초기값 변경 및 버전 관리하기 퍼스트 프로젝트에서는 모든 페이지마다 회원 검증을 해서 매번 불필요한 서버 요청이 발생했다. 파이널때는 로그인 상태를 유지하기 위해 redux persist를 적극적으로 사용했는데, 한번 세팅해두고 나니 로그인 상태 뿐 아니라 팔로우 등 여러 페이지에서 활용되는 상태들을 관리하기 용이했다. 공식 문서를 참고해서 rootReducer에 persistConfigure로 persistReducer를, rootComponent인 PersistGate로 App.js를 감싸주면 세팅은 어렵지 않다. ☝🏻 migration으로 redux-persist 초기값 변경하기 A. 문제의 발견 내가 맞닥뜨렸던 문제는 redux-persist의 white list에 해당하는 리듀서의 기존 초기 상태가 변경 사항이 있어도 수정되.. 더보기
Day.js를 이용한 커스터마이즈 달력 구현 회원 mypage에서는 팔로우 목록, 회원 탈퇴 및 비밀번호 수정 기능을 기본적으로 넣고, 공부 기록 조회나 통계를 한눈에 보여주는 기능을 구현하려 했다. 달력의 첫 틀은 노션 캘린더를 많이 참고했다. 달력의 각 날짜를 누르면 그날의 공부 시간과 기록해둔 코멘트가 나오는데, 노션과 달리 이벤트를 카드 형식으로 미리 보여주거나 드래그 앤 드롭으로 옮기는 기능은 없기 때문에 전체적으로 썰렁(?)했다. 그러다 생각해낸 것이 깃헙의 잔디심기였다. 개발자들이 빼곡한 잔디를 뿌듯해하듯이, 사용자들이 우리 서비스를 이용해 열심히 공부 기록을 남기고 마이페이지에서 뿌듯함과 재미를 느끼는 요소가 될 수 있을 것 같았다. 필요한 API(한 달 단위로 매일의 공부 시간을 받아오는)를 백엔드 팀원에게 요청하고 좋은 레퍼런스를.. 더보기