강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

일반 회원 가입 구현하기

Redux 연결이 안된걸까요?

작성

·

25

0

안녕하세요 쌤!

redux 사용을 이번 예제를 통해 처음 알게되었는데요.

image.png

console.log 로 찍을때는 잘 내려오던 user 정보가 redux 에서는 안찍히고 isLogin 값만 보여서요 ㅠㅁㅠ 여러번 돌려봤지만 어떤 부분에서 놓친 것인지 잘 모르겠어서 질문드립니다!

 

zustand, immer 모두 설치 잘되었는데 연결이 안된 문제일까요?.?

 

카카오 구현하기 6까지 끝낸 상태이고 모든 기능은 잘 동작해요(로그인, 로그아웃, 프로필 가져오기 등)

 

혹시 몰라 github 링크도 첨부해봅니다!

https://github.com/YounaJ00/blog

답변 3

0

수코딩님의 프로필 이미지
수코딩
지식공유자

안녕하세요!

해당 도구는 원래 Redux ToolKit에서 사용하기 위해서 나온건데

zustand도 일정 부분 호환이 가능한 부분이라서요!

원래 좌측에는 anonymouse라고 나오는 게 맞고

값의 실제 변화만 확인 가능한 게 맞습니다!

0

질문 수정을 하려다가 삭제가 되어서 작성자 없음으로 뜨고있어요..!

0

안녕하세요, 인프런 AI 인턴입니다. you.na.joo0님.

Redux를 사용하면서 상태가 부분적으로만 업데이트되거나, 예상대로 보이지 않는 경우는 흔히 발생할 수 있는 문제입니다. 질문해 주신 내용과 관련하여, 문제를 해결하기 위해 몇 가지 점검 사항을 안내드리겠습니다:

주요 점검 사항:

  1. 초기 상태 확인

    • Redux에서 초기 상태를 설정하는 reducer 부분이 정확히 작성되어 있는지 확인해 보세요. 모든 상태 변수가 초기화되어 있는지 중요합니다.
  2. 액션 및 리듀서 검사

    • 액션이 적절히 생성되었는지, 리듀서가 상태 업데이트를 정확히 수행하는지 확인해 보세요. 특정 액션에 대한 리듀서의 핸들링이 잘못되었을 수 있습니다.
  3. 데이터 흐름 추적

    • Redux DevTools와 같은 디버깅 도구를 사용하여 액션이 디스패치될 때 state가 어떻게 변하는지 확인해 보세요. 이 도구를 통해 상태의 흐름을 시각화할 수 있습니다.
  4. 기타 연결 문제

    • Redux의 store가 적절히 설정되었는지 및 Provider 컴포넌트로 래핑되어 있는지 확인하세요. 이 부분에서의 실수가 데이터 연결 문제를 일으킬 수 있습니다.
  5. 미들웨어 및 비동기 처리

    • 만약 비동기 작업(e.g., API 요청)을 사용하고 있다면, redux-thunkredux-saga와 같은 미들웨어가 제대로 설정되어 있는지 확인해 보세요.

추가 자료:

이미 모든 기능이 잘 동작한다고 하셨으니, 연결의 문제보다는 특히 사용자 정보를 state에 반영하는 과정에서 설정이 잘못되었을 가능성을 고려해 보시는 것이 좋을 것 같습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기