inflearn logo
강의

Course

Instructor

[Renewal] Creating a NodeBird SNS with React

Try using swr

요청 오류 질문

244

cksdnr3333

11 asked

0

myInfo를 요청하면 useInfo 까지 요청이되는데 주소가 분명 다른데 왜 요청이 2번 가는 걸까요?? 실제로 userInfo를 요청하는 코드는 없구요 myInfo를 요청할 때 myInfo 요청과 userInfo가 각각 한 번씩 총 두 번 요청이 되는데 이유를 모르겠습니다.

와일드카드 사용 하는 미들웨어는 가장 아래두었고, userInfo 요청이 갈 때 req.params.userId 에는 undefined가 담겨서 요청이 됩니다.

userInfo 라우터

router
.get('/:userId', async (req, res, next) => {
try {
const fullUser = await User.findOne({
where: { id: parseInt(req.params.userId, 10) },
attributes: {
exclude: ['password'],
},
include: [{
model: Post,
attributes: ['id'],
}, {
model: User,
as: 'Followings',
attributes: ['id'],
}, {
model: User,
as: 'Followers',
attributes: ['id'],
}],
});

if (fullUser) {
return res.status(200).json(fullUser);
}
return res.status(404).send('존재하지 않는 사용자입니다.');
} catch (err) {
console.log(err);
return next(err);
}
});
myInfo 라우터

router
.get('', async (req, res, next) => {
try {
if (req.user !== undefined) {

const fullUser = await User.findOne({
where: { id: req.user.id },
attributes: {
exclude: ['password'],
},
include: [{
model: Post,
attributes: ['id'],
}, {
model: User,
as: 'Followings',
attributes: ['id'],
}, {
model: User,
as: 'Followers',
attributes: ['id'],
}],
});
return res.status(200).json(fullUser);
}

return res.status(200).json(null);
} catch (err) {
console.log(err);
return next(err);
}
});
userInfo 요청

const loadUserAPI = (data) => axios.get(`/user/${data}`);

function* loadUser(action) {
try {
const response = yield call(loadUserAPI, action.data);
yield put({
type: LOAD_USER_SUCCESS,
data: response.data,
});
} catch (err) {
yield put({
type: LOAD_USER_FAILURE,
error: err.response.data,
});
}
}
myInfo 요청

const loadMyInfoAPI = () => axios.get('/user');

function* loadMyInfo() {
try {
const response = yield call(loadMyInfoAPI);
yield put({
type: LOAD_MY_INFO_SUCCESS,
data: response.data,
});
} catch (err) {
yield put({
type: LOAD_MY_INFO_FAILURE,
error: err.response.data,
});
}
}

redux nodejs react express Next.js

Answer 3

0

cksdnr3333

네트워크에는 Error response가 잡히지는 않는데 백엔드 에서 500 code를 응답합니다. loadMyInfoError에도 에러 메시지가 담기구요...

한 번의 요청에 두 개의 라우터로 가는 경우가 발생할 수 있나요?? 아니면 실제로 액션은 한 번 디스패치되긴 했는데, 어떤 내부동작에 의해 두 번의 요청이 발생한 건가요?? userInfo 액션은 디스패치 된적 없습니다.

0

zerocho

프론트 서버에서 요청이 가서 브라우저 네트워크탭에는 찍히지 않네요. 요청이 두 번 갔기 때문에 두 개의 라우터에서 찍힐 것입니다. 제 생각에는 라우터를 잘못 연결했거나, saga watch 부분을 잘못 연결해서 그런 것 같습니다. 오타 때문이라는 게 강한 추측입니다.

0

cksdnr3333

넣어도 똑같습니다.

어떤 소스코드를 보여줘야 하는 지 감이 안잡히네요...

0

zerocho

보니까 loadMyInfoError에 적혀있는걸로 봐서는 에러가 있네요. 네트워크 탭에서 빨간 요청을 찾아서 response 확인해보세요.

0

zerocho

myInfo router.get('/') 하세요.

넥스트 버젼 질문

0

78

2

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

0

89

1

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

0

175

1

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

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

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

0

91

2

vsc 에서 npm init 설치시 오류

0

146

2

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

0

158

1

화면 새로고침 문의

0

121

1

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

0

153

2

Next 14 사용해도 될까요?

0

452

1

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

0

349

1

url 오류 질문있습니다

0

211

1

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

0

373

1

sudo certbot --nginx 에러

0

1275

2

Minified React error 콘솔에러 (hydrate)

0

470

1

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

0

247

1

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

0

327

1

npm run build 에러

0

518

1

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

0

382

1

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

0

338

2

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

0

288

1

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

0

239

2

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

0

201

1