inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

구글 플레이스토어 배포시 테스트 요건

미해결

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

안녕하세요, 좋은 강의 감사합니다. 최근 구글 정책 업데이트로인해 앱 배포시 비공개 테스트 인원 12명으로 2주간 테스트를 통과해야지 배포가 가능한 것으로 알고 있습니다. 이와 관련하여 강의 및 세부 방법에 대해 알려주시면 감사드리겠습니다.

  • flutter
  • no-code
  • supabase
  • flutterflow
thesut21 댓글 2 좋아요 1 조회수 116

리액트 쿼리 질문입니다

해결됨

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

isPending과 isLoading 차이점을 잘 모르겠습니다. 각각 언제 쓰는지 활용처도 궁금합니다!

  • react
  • typescript
  • react-query
  • supabase
  • zustand
이진섭 댓글 2 좋아요 1 조회수 99

state 관리에 대한 정리

해결됨

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

안녕하세요 정환님 !!! 정환님 강의를 듣다가 state 관리쪽에 개념이 갑자기 섞여서 질문을 하게되었어요 저는 현재 다음과 같은 방향으로 이해를 하고있어요 한 페이지내에서 여러 컴포넌트를 사용할때 간단한 자식 구조에서는 props 를 사용한다. 한 페이지내에서 여러 컴포넌트를 사용할때 3~4 혹은 그이상으로 자식관계가 걸쳐있는 상태에서는 conntext API 를 사용한다. 로그인과 같이 특정 페이지가 아니라 여러 페이지에서 관리가 필요한 state 는 zustand처럼 전역 라이브러리를 사용한다. 제가 이해한 방향이 맞을까요??

  • react
  • typescript
  • react-query
  • supabase
  • zustand
kaeuhy 댓글 3 좋아요 0 조회수 106

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

해결됨

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

안녕하세요 강의 잘 듣고 있습니다 정환님 강의 하셨을 때랑 지금 공식 문서 설치 방법이 달라진 것 같은데 지금 공식문서대로 진행해도 tsconfig.app.json파일과 tsconfig.json파일에 경로 별칭 옵션이 적용이 되는건가요? 아니면 강의 보고 그대로 세팅하면 될까요 https://ui.shadcn.com/docs/installation/vite

  • react
  • typescript
  • react-query
  • supabase
  • zustand
코린이 댓글 3 좋아요 0 조회수 237

화면이 안 나옵니다. 소리만 나와요

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

화면이 안 나옵니다. 소리만 나와요

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
Ryan 댓글 2 좋아요 0 조회수 78

백엔드 DB 도구 사용 질문

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

오리엔테이션 보며 드는 의문 인생 처음으로 용기 내서 온라인 강의를 구매한 비개발자 출신 직장인입니다. 물론 제 지식이 아직 미천하여 아무 것도 알지 못하지만, 요즘 백엔드 DB를 요즘엔 Supabase에는 주의가 많이 필요하다고 들었습니다. (같은 직장 개발자들에게도 듣고) Postgresql, 레일웨이나 flyio, 또는 렌더를 오히려 추천한다고 얘기를 들었습니다. Supabase 무료 계정으로는 프로젝트 2개가 한계기도 하고,, 그래도 클코 이외의 도구(서비스)들은 강의 따라서 시도해보는 게 맞을까요? 감사합니다.

  • react
  • 인공지능(ai)
  • claude
  • supabase
  • 백엔드
Juyoung You 댓글 2 좋아요 0 조회수 145

추가 강의 문의

미해결

비전공자 혼자서 하루 만에 수익화 앱 출시하기

안녕하세요~ 덕분에 강의 잘 듣고 많은 도움 받고 있습니다 (_ _) 다름이 아니라, 강의 소개에 25년 하반기에 '인앱 결제' 관련 추가 강의가 예정되어 있다고 본 것 같아서요. 혹시 해당 강의 업로드 일정이 어떻게 되는지 알 수 있을까요? 기대하면서 기다리고 있는 내용이라 혹시 예정된 일정이 있다면 알려주시면 감사하겠습니다!

  • flutter
  • 모바일-디자인
  • cursor
  • supabase
  • 수익화
Murgon 댓글 1 좋아요 0 조회수 84

새로운 개발환경 조합 Next.js + Supabase

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요 오늘까지 전체수업 한번 쭉 들어봤습니다. 고민이 저는 파이썬 장고가 조금 익숙한데 .. 이번강의 에서 Next.js + Supabase조합은 사실 조금 생소합니다. 디버깅등 보다 완성도 있는 코딩을 하려면 AI에만 의존할 수 없는데 그럼 이조합이 가장 이상적인것인지.. 나중에 AI 분석에 들어가면 많은 분석기법을 파이썬에서 해야하는데 그걸 이 웹조합과 연계도 문제가 없는지 그리고 가장 중요한 질문은 지금 처음부터 next.js 나 supabase를 처음부터 공부하기에는 또 이번 수업에 나오는 다양한 기존 툴들 공부하려면 어디서 부터 어떻게 해야하는지요 .. 너무 기본적인 질문인가요

  • react
  • 인공지능(ai)
  • claude
  • next.js
  • supabase
  • 파이썬
  • 장고
  • 추가학습
dshwang 댓글 2 좋아요 0 조회수 127

Recoil 에러

해결됨

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

Recoil에서 에러가 납니다. Recoil 소개 및 기본 문법 강의를 보고 있는데 몇번이나 시도했는데 에러가 납니다. 똑같이 코드를 옮겨적었는데 왜 에러가 생기는지 ,,, 어떻게 해야될지요

  • firebase
  • next.js
  • tailwindcss
  • react-query
  • supabase
루루팝팝 댓글 1 좋아요 0 조회수 95

next.js 프로젝트 생성 수업노트보기 에러

미해결

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

https://join.slack.com/t/lopun-lecture/shared_invite/zt-2mkxcgt5h-7Bq~fMnMJ8Scle17fzFYCQ next.js 프로젝트 생성 수업노트보기 에러 수정 바랍니다 아래와 같은 것이 나와요 otion.site/Supabase-Next-js-14-a522542541254b7ea54d9e81fdbf5e6a?pvs=4

  • postgresql
  • next.js
  • tailwindcss
  • supabase
karom61 댓글 1 좋아요 0 조회수 67

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

해결됨

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

Table 생성시, 왜 created_at이 필요한가요? like 테이블에는 postId, userId만 있으면 될거같은데요...

  • react
  • typescript
  • react-query
  • supabase
  • zustand
gmldnjs0402 댓글 1 좋아요 0 조회수 94

삭제가 바로 안되네요ㅠ

미해결

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

강의 소스코드를 똑같이 했는데 새로고침 없이 바로 삭제가 안되네요ㅠ 다른거는 api함수를 한 군데에 모은 거 밖에 없는데...

  • react
  • typescript
  • react-query
  • supabase
  • zustand
이진섭 댓글 2 좋아요 0 조회수 79

구글 개발자 계정 생성 관련 질문

미해결

비전공자 혼자서 하루 만에 수익화 앱 출시하기

구글 개발자 계정 생성시 시 개발자 프로필 및 연결된 개발자 계정도 항목에 있더라구요 이 부분도 추가해야 개발자 계정 생성이 가능한걸까요? 개발자 프로필에서 공개 계정 세부정보에서 아래와 같은 설명이 있어서 꼭 추가해야하는건지 궁금합니다 Google은 조직 인증 용도로 이 정보를 사용하며 이 정보를 최신 상태로 유지하지 않으면 개발자 프로필 및 앱이 Google Play에서 삭제될 수 있습니다. 개발자 인증 자세히 알아보기

  • flutter
  • 모바일-디자인
  • cursor
  • supabase
  • 수익화
Eunbi Kwon 댓글 1 좋아요 0 조회수 111

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

해결됨

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

안녕하세요 너무 쉽게 설명해주셔서 프론트 왕초보인 저도 아주 잘 따라가면서 강의를 듣고있습니다 ! 이번 파트에서 한가지 의문인점은 저는 예전에 백엔드 서버를 구축할때 소셜로그인이 성공하면 백엔드 내에서 access 와 refresh 토큰을 만들어내서 refresh 를 쿠키형식으로 넘긴 후 소셜로그인 성공 리다이렉트를 바로 access token을 발급받을수있는곳으로 리다이렉팅시켜서 access를 추가적으로 받게끔 구축했었는데, 이번 파트에서 의문인점은 보통 실무에서는 백엔드가 자체적으로 만드는 access refresh 토큰이 아니라 소셜서버자체에서 제공하는 access 와 refresh를 주로 활용하는걸까요 ?

  • react
  • typescript
  • react-query
  • supabase
  • zustand
Teo 댓글 2 좋아요 0 조회수 97

open in brower 세팅

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

2-2 커서 길들이기에서 vs code - open in brower 확장프로그램 설치했는데 커서 우클릭해도 보이지 않는 이유는 뭘까요?!

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
고정원 댓글 1 좋아요 0 조회수 95

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

해결됨

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

전역 모달을 2개 쓰고 싶어서 일단 스토어 2개를 만들었는데요. 모달 프로바이더도 2개를 만들어야하는지, 아니면 하나의 모달 프로바이더에 2개 모달을 모두 넣어도 되는지 궁금합니다. 그리고 만약 하나의 모달 프로바이더에 두 모달을 넣는다면 어떻게 코드를 작성해야 하는지 궁금합니다. // 1번 export default function ModalProvider({ children }: { children: ReactNode }) { return ( <> {createPortal( <> <AModal /> <BModal /> </>, document.getElementById("modal-root")!, )} {children} </> ); } // 2번 export default function ModalProvider({ children }: { children: ReactNode }) { return ( <> {createPortal(<AModal />, document.getElementById("modal-root")!)} {createPortal(<BModal />, document.getElementById("modal-root")!)} {children} </> ); }

  • react
  • typescript
  • react-query
  • supabase
  • zustand
송현정 댓글 1 좋아요 0 조회수 77

혹시 강사님은 lovable, replit모두 유료 쓰시는가요?

미해결

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

현재 1-5 듣고 있었습니다. lovable, replit이 심할정도로 무료 credit을 많이 잡아먹네요.. 그러니까 지금 가이드라인 주신 질문 한번하면 약 70%정도의 코인이 소모되고, 추가 질문시 upgrade하라고 끊겨버립니다. 실제 강의는 좋지만.. 무료로 한번 시도해보기가 쉽지않아 보입니다.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
  • 선물하기-좋은
패시브 댓글 2 좋아요 0 조회수 300

프로필 수정 후 post item 의 글들에서 수정된 프로필 업데이트 반영

해결됨

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

프로필 수정후 프로필 디테일 화면의 포스트 아이템들에서는 수정된 프로필 내용이 반영이 안되는 것이 확인됩니다. 시나리오대로라면 프로필 수정 후 포스트아이템의 프로필 ui 도 업데이트 해주는게 자연스러운듯 하여 위와 같이 아래 코드를 추가해 주었습니다. 맞을까요? queryClient.resetQueries({ queryKey: QUERY_KEYS.post.userList(updatedProfile.id), });

  • react
  • typescript
  • react-query
  • supabase
  • zustand
  • 지금-베스트
hanbrang 댓글 2 좋아요 0 조회수 93

33. 4-5 iOS 파이어베이스 메시징 문의입니다.

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

파이어베이스 메시징 관련하여 안드로이드는 알림이 오는데 애플 시뮬레이터에서는 받지 못했습니다. 커서는 APNs 인증키인가 그걸 생성하고 파이어베이스 콘솔에서 처리해야 한다는데 이 내용은 영상에 없어서 질문드립니다. 다른 방법은 없고 커서가 알려준 방법이 맞습니까? 또한, 해당 인증키를 받기 위하여 애플 개발자 가입을 해야 되는것도 맞습니까?

  • flutter
  • cursor
  • supabase
  • 바이브코딩
히징징 댓글 2 좋아요 0 조회수 74

React 19 버전에서 새로운 린트 규칙으로 setState() 호출하기가 신경쓰입니다.

해결됨

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

안녕하세요. 요즘 React 19로 다시 강의를 학습하고 있습니다. 그러다 보니 useEffect 내에서 setState() 호출 시 새로운 Lint 규칙으로 react-hooks/set-state-in-effect 대한 경고가 나옵니다. 즉 useEffect 에서 setState() 호출하여 불필요한 추가 렌더링이 발생한다고 경고합니다. ( https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-effect) 아래 pos-editor-modal.tsx 에서도 setContent(""); 에서도 경고가 발생하네요.. useEffect(() => { if (!isOpen) return; textareaRef.current?.focus(); setContent(""); // 경고 발생!! }, [isOpen]); 요즘 들어 이런 경고가 신경 쓰이는 데.. 왜 이런 규칙이 생겼나요 ? 수정 방법은 아래와 같이 코드를 수정하라 해서 변경했는데 .. startTransition() 을 사용해야 하나요.. useEffect(() => { if (!isOpen) return; textareaRef.current?.focus(); startTransition(() => { setContent(''); }); }, [isOpen]);

  • react
  • typescript
  • react-query
  • supabase
  • zustand
  • 지금-베스트
Codingbear 댓글 2 좋아요 0 조회수 199

인기 태그

인프런 TOP Writers

주간 인기글