inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

react query의 mutationfn과 queryfn관련 질문입니다.

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

왜 mutationfn은 비동기 함수를 할당해주고 async () => { return createTodo(todoInput)} 왜 queryfn은 그냥 일반 함수를 할당한건가요? () => getTodo(), 차이가 무엇인지 궁금합니다.

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
wldls317 댓글 1 좋아요 0 조회수 279

Supabase Storage .emptyFolderPlaceholder 이슈 (슬랙)

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

https://github.com/supabase/storage/issues/207 모든 파일을 제거했을 때 갑자기 .emptyFolderPlaceholder가 파일 리스트에 나오는 문제입니다. 슬랙에 올라온 질문인데 같은 이슈를 겪는 분들이 종종 계실 것 같아 인프런 커뮤니티에도 해결책을 공유드립니다.

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
로펀 댓글 1 좋아요 0 조회수 191

react-query 무한스크롤 staleTime caching 질문 (슬랙)

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

Slack에 올라온 질문이 좋아서 인프런 커뮤니티에도 공유드립니다.

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
  • staletime
  • cache
로펀 댓글 1 좋아요 1 조회수 179

로딩에 대한 질문

미해결

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

현재 투두 페이지에서 새로고침을 하면 empty -> loading -> todolist 보여짐 이렇게 되는데, loading -> empty loading -> todolist 와 같이 로딩 후에 데이터가 없으면 empty가 보여지고, 데이터가 있으면 todolist가 보여지는 구조로 가야하지 않나요?

  • react
  • 클론코딩
  • next.js
  • supabase
Malik KIM 댓글 1 좋아요 1 조회수 222

useEffect 의존성 배열 관련 질문이 있습니다

해결됨

[풀스택 입문] Firebase보다 10배 좋은 Supabase

https://join.slack.com/t/lopun-lecture/shared_invite/zt-2mkxcgt5h-7Bq~fMnMJ8Scle17fzFYCQ Supabase로 노트앱 완성하기 15:00 즈음에 검색 기능을 만드는 과정에서 search state에 따른 검색 결과 업데이트에 질문이 있습니다. useEffect를 하나 더 추가해서 의존성 배열에 search 넣은 코드가 추가되었는데요. 기존 의존성 배열이 빈값인 녀석에 search만 추가해줘도 동일한 기능이 아닌가요? 첫 렌더링, search state 변화 될 때만 실행이 되니까요. 한번 더 동일한 코드에 의존성 배열만 다르게 해주신 점이 궁금합니다.

  • postgresql
  • next.js
  • tailwind-css
  • supabase
rlaalsrb3559 댓글 1 좋아요 1 조회수 250

update 진행 시 에러가 발생합니다.

해결됨

[풀스택 입문] Firebase보다 10배 좋은 Supabase

강의 내용 진행중 update 할때만 아래와 같은 에러가 나는데, 혹시 수정할 부분이 있을까요? insert/delete는 이상없이 진행 됩니다. 코드는 tailwind 일부만 제외하고는 전체 동일합니다. nextjs : 14.2.5 @supabase/supabase-js: "^2.45.0" ''' localhost/:1 Access to fetch at ' https://********.supabase.co/rest/v1/note?id=eq.8 ' from origin ' http://localhost:3000 ' has been blocked by CORS policy: Method PATCH is not allowed by Access-Control-Allow-Methods in preflight response. ''' const onEdit = async () => { if(!title || !content){ alert("제목과 내용을 입력하세요"); return; } const { data, error} = await supabase .from('note') .update({ title, content }) .eq('id',note.id); if(error){ alert(error.message); return; } setIsEditing(false); fetchNotes(); }

  • postgresql
  • next.js
  • tailwind-css
  • supabase
suwan Kim 댓글 1 좋아요 0 조회수 313

DBeaver는 왜쓰는 건가요?

해결됨

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

안녕하세요..!! 제가 백엔드나 db관련해서 지식이 없어서 잘 이해가 안되네요 ㅠ db관리를 supabase 사이트로 들어가서 확인하면 되는데, 왜 클라이언트 툴인 DBeaver를 쓰는건가요? supabase 서버에 접근하지 못하는 클라이언트들이 테스트를 할때 쓰는것일까요? 답변 부탁드립니다..

  • react
  • 클론코딩
  • next.js
  • supabase
kykim818 댓글 1 좋아요 2 조회수 754

스벨트킷에 대해서 질문이 있습니다.

해결됨

프로젝트로 쉽게 배우는 Svelte(SvelteKit + Supabase)

안녕하세요. 현재 공식 문서와 강의를 보고 학습중에 있는데 해당 강의 에서는 session, cookie, middleware, sever hook, cache 기능을 스벨트에서는 어떻게 사용하는지에 대한 예제는 다루지는 않고 있나요?? CSR / SSR / SSG 관련한 예제도 있으면 좋을것 같아요.

  • svelte
  • sveltekit
  • supabase
al64012666 댓글 1 좋아요 0 조회수 373

generate-types씨 발생하는 에러 해결방법

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

failed to retrieve generated types: {"message":"Your account does not have the necessary privileges to access this endpoint. For more details, refer to our documentation https://supabase.com/docs/guides/platform/access-control "} generate-types씨 발생하는 에러 해결방법이 궁금합니다.

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
김용민 댓글 1 좋아요 0 조회수 384

혹시 ssr과 csr을 병행하여 사용하고 싶을 땐

해결됨

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

api/(site)/page.tsx 에 actions/todo/todo.actions.ts를 사용하고 하위컴포넌트들에서는 ex) api/(site)/compoents/...container.ts 내부에서는 hook을 임포트한것들이 apis/todo-no-rls.ts를 사용하면 될까요? *위 예시는 강의에서 다룬 파일만을 예를 들었보았습니다.

  • react
  • 클론코딩
  • next.js
  • supabase
루키키키 댓글 2 좋아요 1 조회수 323

api 에 대한 질문있습니다.

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

안녕하세요. 이 인강을 듣기 전에는 db에 데이터를 GET 하고 POST하기 위해서는 Rest API를 통해서 했었습니다. 하지만 이 강의에서는 supabase를 통해서 create,select 등을 이용해서 data를 다루던데 supabase를 통해서는 rest api를 통해서 data를 만들고, 가지고올수도 있나요? 만약 둘다 된다면 어떤 방식을 통해서 주로 data를 다루는게 좋을까요? 현업에서는 어떤 방식을 더 추구하나요? 현재 대학생이라 개인플젝을 할때 db가 필요해서 강의를 오늘부터 듣게되었는데 db를 어떻게 다뤄야할지 감이 안잡히네요. 아직 개념이 좀 잡히지 않아서 헷갈립니다. 추가적으로 저는 팀이나 , 특히 개인프로젝트를 하면서 사용자 정보(id,pw)나 여러 데이터들을 저장하고 싶어서 mongodb를 혼자서 공부하다가 어려워서 여러가지를 찾던 중 supabase(serverless)를 알게되어서 강의를 듣고있습니다. 하지만 그냥 mongodb를 공부해서 db를 다루는게 나은지 아니면 supabase를 공부해서 db를 저장하는게 나은지 잘 모르겠습니다. 긴 글 읽어주셔서 감사합니다..!

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
EDDY 댓글 1 좋아요 0 조회수 241

타입에러에 관해 질문있습니다

해결됨

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

아래와 같은 타입에러가 발생했습니다. 데이터베이스와 todoDto모두 설정 및 정상적으로 가져온거 같은데요 마우스를 올려보고 에러내용도 확인해보면 타입은 다 같게 설정되어있는거 같습니다. 타입자체를 비교해서 대입 하려해도 에러가나오네요.. 플러그인을 통해서 시각화해서 좀 더 자세하게 머가 문제인지 비교해봐도 타입이 같습니다.. 혹시 뭐가 문제인지 알 수 있을까요?...

  • react
  • 클론코딩
  • next.js
  • supabase
루키키키 댓글 4 좋아요 0 조회수 332

isPending vs isLoading

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

안녕하세요 로펀님 tanstackquery에서 최근에 isPending이 생겨서 어느 블로그에선가 봤는데 이제 isPending을 사용하면 된다고 했던 것 같은데 혹시 둘의 차이가 있을까요? 어느 시점에서는 이것을 사용해야 한다라는 가이드가 있을까요?

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
___ 댓글 1 좋아요 0 조회수 1533

Link태그와 useRouter

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

혹시 Next.js에서 Link태그와 useRouter를 제공하고 있는데 서로 차이점이 있을까요?? 이미지나 버튼이 있으면 거기에 onClick 달고 라우터 쓰고 있긴한데 이미지나 버튼에 링크를 감싸버리면 뭔가 이상할 것 같아서 어떤식으로 쓰면 좋을까요 <Link href="/" ><Image ... /></Link> <Image ... onClick={()=>router.push("/")} />

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
___ 댓글 1 좋아요 0 조회수 247

File 처리 관련 궁금사항

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

안녕하세요, Drag & Drop 강의 도중 궁금한 점이 생겨 질문드립니다. File Upload 처리 같은 경우는, SupaBase가 아니어도, 보통은 이러한 방식으로 File 객체를 전달하는 것이 맞을까요?? 어떤 방법이 조금 더 일반적인지 궁금합니다!

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
김용민 댓글 1 좋아요 0 조회수 226

9.1 강의에서 생긴 servercomponent 변수

해결됨

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

9.1장에서 user.action.ts의 getUser 함수에 serverComponent라는 속성이 갑자기 생겨났는데 이거에 대한 설명이 필요한 것 같습니다.

  • react
  • 클론코딩
  • next.js
  • supabase
Malik KIM 댓글 2 좋아요 2 조회수 313

Provider를 layout에서 감쌀 때 질문

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

body의 내부 요소들만 감싸는게 아닌 html을 전체 감싸는 이유를 알고싶어요!

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
김지후 댓글 3 좋아요 2 조회수 390

목차 오타

미해결

[플러터플로우] 실전! 앱 출시를 위한 끝장 노하우!

목차에 오타가 있습니다. [인앱결제] 8. 플레이스토어-RevenueCat 연결 => [인앱결제] 8. 앱스토어-RevenueCat 연결 [인앱결제] 9. RevenueCat 결제설정 => [인앱결제] 9. 플레이스토어-RevenueCat 연결

  • flutter
  • no-code
  • supabase
  • flutterflow
배워야산다 댓글 1 좋아요 1 조회수 200

Next.js Part 2 - Server Action, Metadata

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

안녕하세요 ~ 해당 강의 8:26 즘에 http://localhost:3000/users 검색했을때 저는 타입에러가 뜨면서 강좌에서 처럼 결과가 검색이 안되는데 어떻게 해야 할까요 ?

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
Lia 댓글 1 좋아요 1 조회수 342

슬랙 채널 개설 안내

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

안녕하세요 로펀입니다. 강의를 수강하시면서 공지사항과 질문을 편하게 관리하기 위해 슬랙 채널을 개설했습니다 🙂 강의와 관련된 질문이 있으실 경우 슬랙의 #supabase-nextjs-클론-강의 채널에서 질문 부탁드립니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 제 강의를 수강하시는 모든 분들은 슬랙 채널에 들어오실 수 있습니다. 슬랙에 들어오시면 더 빠르게 질문에 답변을 받아보실 수 있어요! 😉

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
  • 슬랙채널개설안내
로펀 댓글 1 좋아요 1 조회수 390

인기 태그

인프런 TOP Writers

주간 인기글