inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] React로 NodeBird SNS 만들기

팔로우 / 언팔로우

프로필 페이지에서 새로고침 에러

386

혜진

작성한 질문수 18

1

다른 분들의 질문글에서 저와 같은 에러 내용을 봤지만 여전히 해결이 안되서 질문드립니다. 프로필 페이지인 상태에서 새로고침을 하면 로그인이 풀리고 에러가 발생합니다, 그래서 답변대로 프로필 페이지에도 LOAD_USER_REAUEST 액션을 넣어 로그인 정보를 불러왔는데 해결이 안되고 me?.Followings 도 적용해봤는데 에러가 사라지지 않네요

 

내 로그인 정보, 게시글 불러오기 실패, Followers 에러

 

// 프로필 페이지 profile.js
useEffect(() => {
dispatch({
type: LOAD_USER_REQUEST, // LOAD_USER_REQUEST 액션 추가
})
dispatch({
type: LOAD_FOLLOWERS_REQUEST,
})
dispatch({
type: LOAD_FOLLOWINGS_REQUEST,
})
}, [])
 
// me?.Followings 수정
 
<AppLayout>
<NicknameEditForm />
<FollowList header="팔로잉 리스트" data={me?.Followings} />
<FollowList header="팔로워 리스트" data={me?.Followers} />
</AppLayout>

 

 

 

 

 

react nodejs express redux Next.js

답변 6

0

혜진

앗 else 가 원인인것도 생각해봤는데 원본 node-bird 코드엔 없었어서 시도를 안해봤었어요ㅠ 해결됐네요 늦은 시간 감사합니다

0

제로초(조현영)

원본은 아마 return 처리가 되었을 겁니다.

0

혜진

앗 오타가 있었어서 그런가봐요.. 해결됐습니다! 그런데 이번엔 다른 문제가 발생했네요 ㅠ

팔로잉을 제거할 때 REMOVE_FOLLOWER_REQUEST 액션까지 같이 디스패치 되서 팔로잉만 사라지는게 아니라 팔로워까지 같이 제거가 되네요,, 분명 밑에처럼 작성했는데 왜이럴까요??

const onCancel = (id) => () => {
if (header === '팔로잉') { // 팔로잉 제거(언팔)
dispatch({
type: UNFOLLOW_REQUEST,
data: id, // item 의 id 를 받음 (삭제하려는 팔로잉 id)
})
}
dispatch({ // 팔로워 제거(차단)
type: REMOVE_FOLLOWER_REQUEST,
data: id,
})

0

제로초(조현영)

else를 안 넣으셨네요. else 를 안 넣으면 무조건 아래도 실행되는 거 아시죠?

0

혜진

connect.sid 는 있구 cors 에러는 발생하지 않아요

0

제로초(조현영)

cors에러가 나는게 중요한 게 아니라 withCredentials 설정이 없으면 쿠키가 서버로 전송이 안 됩니다.

네트워크 탭에서 GET /user 요청에 대한 응답이 제대로 오나 체크해보세요.

0

혜진

장난치는 것도 아니고 갑자기 또 안되네여... 왜이럴까요 진짜 ㅠ

0

제로초(조현영)

개발자도구 application 탭 cookies에 connect.sid 있는지 확인하세요.

그리고 백엔드 서버에 cors 설정이랑 axios에 withCredentials도 확인하시고요.

0

혜진

아 몇번이나 새로고침 해보니 갑자기 되네요 ...

넥스트 버젼 질문

0

90

2

로그인시 401 Unauthorized 오류가 뜹니다

0

104

1

무한 스크롤 중 스크롤 튐 현상

0

191

1

특정 페이지 접근을 막고 싶을 때

0

116

2

createGlobalStyle의 위치와 영향범위

0

102

2

인라인 스타일 리렌더링 관련

0

97

2

vsc 에서 npm init 설치시 오류

0

157

2

nextjs 15버전 사용 가능할까요?

0

166

1

화면 새로고침 문의

0

129

1

RTK에서 draft, state 차이가 있나요?

0

160

2

Next 14 사용해도 될까요?

0

455

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

358

1

url 오류 질문있습니다

0

214

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

391

1

sudo certbot --nginx 에러

0

1293

2

Minified React error 콘솔에러 (hydrate)

0

477

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

255

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

337

1

npm run build 에러

0

525

1

front 서버 npm run build 중에 발생한 에러들

0

398

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

350

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

290

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

249

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

206

1