Inflearn Community Q&A

asked

Bite-Sized React.js Practical Project - SNS Edition

(6.10) Implementing Password Reset

network 탭 리퀘스트 관련 질문

Written on

Edited

(네트워크 필터 설정을 잘못했던 게 문제였습니다.😂 감사합니다.)

안녕하세요, 이정환 강사님.

강의 잘 듣고 있습니다.

(6.10) 비밀번호 재설정 구현 강의에서,

인증 메일 주소를 복사해서 붙여넣기 하니까 Network 탭에 해당 리퀘스트만 들어오고 'verify~'로 시작하는 리퀘스트는 없더라구요.

링크에 접속했을 때 리디렉션은 잘 됩니다.

200 ok인 걸로 봐서 정상 작동하는 것 같긴 한데, 문제가 있는 걸까요?

감사합니다.

reacttypescriptreact-querysupabasezustand

Quiz

What are the main differences between Authentication and Authorization?

Authentication grants permissions, and authorization verifies identity.

Authentication verifies identity, and authorization grants permissions.

Authentication manages database access, while authorization manages server access.

Authentication is session-based, authorization is token-based.

Answer 3

Questioner

아 제가 네트워크 탭에서 Fetch/XHR 필터를 설정하고 있었네요..😂 All로 바꾸니 보입니다!
혹시나 저 같은 분이 또 계실까봐 게시글은 남겨두겠습니다 ㅋㅋㅋ

Instructor

안녕하세요 이정환입니다.

해결되셨다니 다행입니다 👍

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

이슈를 설명해주셔서 감사합니다. 언급하신 문제 상황과 관련하여 몇 가지 점을 짚어보도록 하겠습니다.

Network 탭에서 확인 사항: 인증 메일의 URL을 직접 복사하여 붙여넣기 한 경우, 특정 리퀘스트가 예상대로 나타나지 않는 것과 관련이 있습니다.
리디렉션은 제대로 작동하고 있으며, 상태 코드가 200 OK이므로 서버가 요청을 성공적으로 처리하고 있다고 볼 수 있습니다.

리퀘스트 누락 현상: 원하는 리퀘스트가 네트워크 탭에 나타나지 않는 이유는 여러 가지가 있을 수 있습니다. 예를 들어, 캐시된 데이터가 있거나, 웹 애플리케이션의 로직이 비동기적으로 동작하여 빠르게 완료되는 경우가 있을 수 있습니다.
리디렉션 로직: 만약 리퀘스트의 일부분이 나타나지 않는 문제가 지속된다면, 해당 요청이 특정 리다이렉션 로직에 의해 누락될 수도 있습니다. 이 경우, 리다이렉션 구현 부분의 코드를 검토해 보실 필요가 있습니다.
브라우저 및 툴 설정: 네트워크 탭의 필터 설정이 특정 유형의 요청을 보여주지 않도록 설정되어 있지 않은지 확인해 보세요. 예를 들어, 페치(Fetch) 요청만을 선택한다거나 보안 프로토콜만을 선택하고 있을 수 있습니다.

이미지에서 제공된 정보에 따르면, 현재 요청이 성공적으로 완료되고 있는 것 같아, 실제로 문제의 원인이 될 만한 부분은 보이지 않습니다.