inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

(6.11) 회원가입시 프로필 정보 자동 생성하기

51[6.11] 회원가입이 안되고 프로필 생성하려니까 빨간색이 뜨네요ㅜ

해결된 질문

86

khjoo1203

작성한 질문수 9

0

image.png

 https://github.com/kkhhjjoo/onebite-sns

image.pngimage.png


react typescript react-query supabase zustand

답변 6

0

이정환 Winterlood

네트워크 탭의 Preview 메시지를 확인해보니, 현재 Profile 테이블에 RLS(Row Level Security) 옵션이 활성화된 상태에서 작업 중이신 것으로 보입니다. 해당 강의에서는 Profile 테이블 생성 시 RLS 옵션을 꺼야 한다고 안내드리고 있습니다. (1분 40초 경을 참고하세요)

image.png

이전에 문제 원인이 되었던 Email Confirm 옵션과, 이번 문제 원인으로 의심되는 RLS 옵션 모두 강의에서 안내드린 설정대로 정확히 적용하지 않으면 실습 진행이 어려울 수 있습니다. 원활하게 따라오실 수 있도록, 강의를 천천히 수강하시면서 안내에 맞춰 각 옵션을 다시 한 번 확인하고 설정해주시길 권장드립니다.

 

 

0

khjoo1203

해결되었습니다~ 감사합니다

0

khjoo1203

네트워크 미리보기도 게시글에 올렸습니다

0

이정환 Winterlood

우선 코드부터 확인해보았습니다.

회원가입시 아래 그림처럼 컨펌 이메일이 발송되는걸 보니,

강의에서 안내드린대로 confirm email 설정을 해제하지 않으신것 같습니다.

해당 설정을 해제하지 않으시면 이메일 인증 이후에만 회원가입이 이루어지게 됩니다.

image.png

 

0

khjoo1203

회원가입은 수정햇습니다. 그런데 프로필 자동 설정은 되지 않습니다

0

khjoo1203

깃허브 올렸습니다

0

이정환 Winterlood

네트워크 요청의 preview 탭 내용도 올려달라고 말씀드렸는데 확인부탁드립니다 😀

0

이정환 Winterlood

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

현재 보내주신 사진 만으로는 정확한 원인을 파악하기 어렵습니다 🥲 코드상의 이슈가 있을수도 있고, Supabase 설정이 잘못 되었을수도 있거든요

 

우선 네트워크 요청의 해당 네트워크 요청의 결과부터 제대로 확인해봐야 할 것 같습니다. 이를 위해 실패한 네트워크 요청의 preview 탭의 내용을 캡쳐해서 답글로 달아주시면 감사하겠습니다.

 

추가로 전체 프로젝트 코드를 깃허브 혹은 구글드라이브 링크 형태로 전달해주시면 코드까지 한꺼번에 살펴보도록 하겠습니다.

0

인프런 AI 인턴

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

회원가입 후 프로필 생성 시 발생하는 문제로 인해 불편을 겪고 계신 것 같네요. 네트워크 탭에서의 406 (Not Acceptable) 및 403 (Forbidden) 오류는 다음의 원인으로 발생할 수 있습니다:

문제 원인 및 해결 방안

  1. 406 오류 - Not Acceptable:

    • 서버에서 요청을 이해할 수 없는 상황입니다. 보통, 클라이언트가 요청한 리소스의 형태 (MIME type)가 서버가 제공할 수 있는 형식이 아닐 때 발생합니다.
    • 요청헤더에 Accept 헤드가 올바르게 설정되어 있는지 확인하세요. JSON 요청을 위한 경우 "application/json" 으로 설정해야 합니다.
  2. 403 오류 - Forbidden:

    • 서버에서 요청을 이해했으나, 자격증명 부족으로 금지된 자원에 대한 접근이 거부된 것을 의미합니다.
    • Authentication, Authorization 관련하여 사용자 권한 설정을 확인해 보세요. 사용자가 해당 자원에 접근할 권한이 있는지 검토해야 합니다.
    • Supabase 설정에서 해당 리소스 접근 권한이 제대로 설정되어 있는지 확인이 필요합니다. 특히, RLS(Row-Level Security) 정책을 검토하세요.

해결 방법

  • Supabase:
    • Supabase 프로젝트 콘솔에 접속하여 RLS 정책이 올바르게 설정되어 있는지 점검합니다.
    • API 요청의 Authorization 헤드에서 올바른 JWT 토큰을 포함하고 있는지 확인합니다.

추가 참고

아래 링크는 이와 유사한 문제를 겪은 분들의 Q&A입니다. 읽어보시면 도움이 될 수 있습니다:

위의 단계를 따라 문제가 해결되지 않는다면, 추가적인 정보나 코드를 공유해 주시면 더욱 구체적인 도움을 드릴 수 있을 것 같습니다.

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

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

0

32

2

6.8 zustand 세션 질문입니다.

0

74

2

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

0

60

2

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

0

215

2

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

0

63

2

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

0

75

3

매개변수 updatedTodo 관련 질문

0

57

3

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

0

73

2

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

0

60

2

4.6 id를 string으로 변경시 오류

0

55

2

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

0

54

1

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

0

88

2

ui 파일 질문드립니다.

0

65

1

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

0

58

2

댓글 삭제 시 isPending 질문

0

56

2

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

0

56

1

리액트 쿼리 질문입니다

0

57

2

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

0

81

3

state 관리에 대한 정리

0

70

3

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

0

150

3

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

0

67

1

삭제가 바로 안되네요ㅠ

0

56

2

access 토큰은 꼭 소셜서버로부터 받아서 사용해야만하나요?!

0

72

2

전역 모달이 여러 개일 경우 모달 프로바이더는 몇 개가 필요한가요?

0

56

1