inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

(6.3) 로그인 구현하기

회원가입, 로그인 요청 시 400 에러

113

프론취준생

작성한 질문수 1

0

안녕하세요

강의 열심히 듣고 있는데 회원가입, 로그인 성공하고 요청 보낼 때 요청이 잘 들어왔다가 한 0.5초 뒤에 400에러로 바뀝니다.

코드는 모든 부분이 똑같은데 혹시 왜 이러는걸까요??

의심가는 행동은 section05를 다 듣고 section06 폴더를 만들고 section05에서 사용한 파일을 그대로 복사하여 사용 중인데, 이 부분에서 문제가 있을까요?

image.png

 

 

image.png

 

react typescript react-query supabase zustand

답변 5

0

프론취준생

안녕하세요,

Sign In / Provider 탭에 Confirm email 옵션이 켜져있어서 메일 확인이 안 되어 발생하던 오류였습니다.

옵션 끄고 진행하니 바로 해결됐습니다.

감사합니다!!!!

 

image.png

 

0

이정환 Winterlood

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

에러 메세지를 살펴보시면 email address (원화기호)"123@123.com(원화기호)" is invalid 라고 원인이 나타나 있습니다. 이는 이메일 주소가 정상적인 포맷이 아니여서 발생하는 오류인데요 혹시 이메일 주소 입력에 공백이 발생한건 아닌지 체크해 보셔야 할 것 같습니다.

만약 그럼에도 아무런 이슈가 없다면 Supabase 대시보드의 > Authentication > Sign In / Provider 탭에 들어가셔서 아래와 같이 Allow new users to sign up 옵션이 켜져 있는지 확인 부탁드립니다.

image.png

또 드래그를 아래로 내리셔서 Email이 활성화 되어 있는지도 확인 부탁드립니다.

image.png

위의 모든 사항을 확인 완료하셨음에도 계속해서 오류가 발생한다면 전체 프로젝트 코드를 깃허브 또는 구글 드라이브 형식의 링크로 보내주시면 확인해보겠습니다

0

프론취준생

image.pngimage.png


안녕하세요 preview랑 response 사진 첨부합니다

추가적으로 처음 회원가입 버튼 누를 경우에는
아래 사진과 같이 잘 들어오는 것 같다가 한 0.5초 지나면 위에처럼 에러가 발생합니다

image.png

 

0

이정환 Winterlood

안녕하세요 프론취준생님 이정환입니다.

네트워크 탭의 preview 혹은 response 메세지도 보여주셔야 원인 파악이 가능할 것 같습니다.

해당 탭에 Supabase 서버에서 보내온 메세지가 담겨 있을 겁니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 프론취준생님.

강의를 따라 진행하면서 회원가입 및 로그인 요청 시 발생하는 400 오류 문제에 대해 도움을 드리겠습니다. 400 오류는 일반적으로 클라이언트 요청이 서버에서 처리될 수 없을 때 발생하며, 주로 잘못된 요청 형식이나 누락된 필드가 원인이 될 수 있습니다. 설명해주신 상황과 첨부된 이미지를 통해 문제의 원인을 파악하기 위한 몇 가지 확인 사항을 제안드리겠습니다.

1. 서버의 유효성 검사 확인

서버에서 요구하는 필드와 클라이언트에서 전송하는 데이터가 일치하는지 확인하세요. 필수 필드가 빠져 있거나 요청 형식이 서버의 기대 형식과 일치하지 않을 수 있습니다.

2. 코드 복사 시 주의사항

section05의 파일을 그대로 복사하여 사용 중이라면, 섹션 간 버전 차이나 환경 설정이 다를 수 있습니다. 복사한 코드로 인해 환경 설정이나 의존성의 차이가 발생했는지도 점검해보세요.

3. 토큰 및 인증 관련 설정

이미지에서 보여지는 code_challenge, code_challenge_method 등의 필드가 포함된 것으로 보이는데, 이는 인증 관련 설정으로 보입니다. 이 설정이 서버와 올바르게 매칭되는지 확인해야 합니다. 인증 관련 설정이 변경되었거나 잘못된 경우 400 오류가 발생할 수 있습니다.

관련 질문 및 참고 자료

기존에 유사한 문제를 해결한 사례를 참고할 수 있습니다. 관련된 답변을 통해 보다 깊이 있는 해결 방법을 확인해보세요:

위의 문제 해결 방법을 시도해보시고, 여전히 문제가 지속된다면 추가적인 디버깅 정보를 제공해주시면 더 구체적인 도움을 드릴 수 있습니다.

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

회원가입 구현 (구현 후 최종 화면 출력 X)

0

65

2

(6.11) 회원가입시 프로필 정보 자동 생성하기 Q. 호출 순서 문의

0

56

1

명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이

0

58

2

useMutation 적용 후 새로운 글 등록시 content가 안보여요

0

70

2

6.8 zustand 세션 질문입니다.

0

110

2

next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?

0

93

2

shadcn에서 radix ui와 base ui 차이는 뭔가요?

1

406

2

updateTodo 함수 생성시 화살표 함수 사용 안하는 이유

0

84

2

4.11 바로 투두 삭제가 안됨 질문

0

102

3

매개변수 updatedTodo 관련 질문

0

79

3

인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!

0

91

2

supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!

0

85

2

4.6 id를 string으로 변경시 오류

0

74

2

리액트 타입스크립트 관련 질문있습니다.

0

71

1

소셜 로그인 구현하기 관련하여 질문이 있습니다!

0

108

2

ui 파일 질문드립니다.

0

90

1

tanstack query devtools에서 질문있습니다!

0

75

2

댓글 삭제 시 isPending 질문

0

72

2

두번째 예외상황에 대해 질문있습니다!

0

70

1

리액트 쿼리 질문입니다

1

85

2

개발자도구에서 components 가 안보입니다.

0

109

3

state 관리에 대한 정리

0

88

3

[(2.4) Shadcn/ui를 소개합니다] 강의 Shadcn 세팅 관련 질문 있습니다.

0

213

3

like 테이블에서 왜 create_at이 필요한지 궁금합니다.

0

87

1