inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

flutter설치

해결됨

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

링크가 404오류가 떠서 어느 경로로 다운로드해야하는지 모르겠습니다.

  • flutter
  • 모바일-디자인
  • cursor
  • supabase
  • 수익화
dabin2770 댓글 2 좋아요 0 조회수 93

감사히 잘 듣겠습니다.

미해결

AI 시대에 살아남기: Supabase로 백엔드 뚝딱!

수파베이스에 대한 갈증이 있었는데 타 플랫폼도 그렇고 한국강좌가 없어서 많이 아쉬워하고 있었는데요 인프런에 2만2천원짜리 강의하나밖에 없어서 그것을 듣긴했는데 그것만으론 많이 아쉬움을 느끼고 있던차에 이 강의가 나왔다는 메일을 받고 정말 기뻐서 바로 결제했습니다 수파베이스를 활용해서 만들고싶은 것들이 잔뜩 머릿속에 있거든요 감사히 잘 듣겠습니다.

  • node.js
  • dbms/rdbms
  • oauth
  • backend
  • supabase
댓글 1 좋아요 1 조회수 133

`2.4 Shadcn/ui를 소개합니다` 에서 에러가 뜹니다.

미해결

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

강의대로 따라가다가 shadcn을 설치 후 app.tsx에 다음과 같은 경고가 뜹니다. import "./App.css"; import { Button } from "@/components/ui/button"; function App() { <div> <Button>버튼!</Button> </div>; } export default App; 이대로만 따라서 쳤는데 button.tsx에서 [{ "resource": "/Users/minsu/Documents/onbite-exam/src/components/ui/button.tsx", "owner": "eslint4", "code": "react-refresh/only-export-components", "severity": 4, "message": "Fast refresh only works when a file only exports components. Use a new file to share constants or functions between components.", "source": "eslint", "startLineNumber": 62, "startColumn": 18, "endLineNumber": 62, "endColumn": 32, "modelVersionId": 2 }]라고 에러가 뜹니다. 추가로 index.css에서도 에러가 다음과 같이 뜹니다.. 신경 안써도 되는 에러일까요? 소스코드는 구글드라이브로 공유드립니다. https://drive.google.com/file/d/1gjyp7Io1bA6Tb2hriqhQN8T-jInXo7kY/view?usp=drive_link

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

input checkbox 에 onChange 대신 onClick 을 사용하신 이유

미해결

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

안녕하세요 선생님 input checkbox 에 onClick 을 사용하면 react 에서는 경고도 날리기도 하는데 onChange 대신 onClick 을 사용하신 이유가 궁금합니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
헤헤히히 댓글 2 좋아요 0 조회수 114

1-2강의 미션은 어떻게 제출해요?

해결됨

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

1-2강의의 '가치 중심 서비스 기획 워크시트' 이걸 어떻게 제출하나요?

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

6.11 빨간줄이가고 id에 마우스를 가면 Session | null이 안떠요

해결됨

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

안녕하세요~ 15분 29초 하고있는데 빨간줄이 가서 여쭤봅니다 github주소는 https://github.com/kkhhjjoo/onebite-sns 입니다

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

useEffect 안에 setState 사용 시 뜨는 오류

해결됨

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

모달이 닫힐 때 입력 상태(content, images)를 초기화하기 위해 useEffect 에서 isOpen 을 의존성으로 두고 setContent , setImages 를 호출했는데 이 과정에서 "calling setState synchronously within an effect can trigger cascading renders" 경고가 발생했습니다. useEffect 가 외부 시스템과의 동기화를 위한 용도이기 때문에 생기는 오류인지 궁금합니다! 또한 그렇다면 UI 상태 초기화 목적 으로 useEffect 에서 state를 변경하는 방식은 권장되지 않는 패턴인가요? 그래서 현재는 onClose , onCancel 등 모달이 닫히는 이벤트 시점마다 직접 setContent(""), setImages([]) 를 호출하는 방식으로 처리하고 있습니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
다하자 댓글 2 좋아요 0 조회수 509

1주차 3강 Lovable 클라우드 문의

해결됨

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

현재 수강 진도를 함께 알려주세요! "1주차 3강까지 완료" 또는 "2주차 실습 중"처럼 어디까지 들으셨는지 적어주시면 맞춤형 답변을 드릴 수 있어요 📚 구체적인 상황과 함께 질문해주세요! "AI가 안 된다"보다는 "Cursor에서 이런 프롬프트를 입력했는데 이런 에러가 나와요"처럼 상세하게 적어주시면 더 정확한 답변을 드릴 수 있어요 🎯 스크린샷이나 코드를 첨부해주세요. 에러 화면, 현재 진행 상황을 보여주시면 문제 해결이 10배 빨라집니다! 마크다운 코드 블록(```)을 활용하면 더 깔끔하게 정리할 수 있어요 📸 커뮤니티 검색을 먼저 해보세요. 같은 문제로 고민하신 분들이 이미 해결책을 찾았을 수도 있어요. 검색 후 못 찾으시면 언제든 새로 질문해주세요! 🔍 서로 도우며 함께 성장해요. 나도 모르는 건 "저도 궁금해요!"라고 댓글 달아주시고, 아는 건 적극적으로 공유해주세요. 가르치면서 더 잘하게 됩니다 💪 바이브코딩 관련 질문은 환영, 기술 세부사항은 GPT 활용! 프롬프트 작성법, AI 도구 사용법은 여기서, 복잡한 코딩 문법은 ChatGPT에게 물어보시는 게 더 빨라요 🤖 진도나 과제 관련 문의는 1:1 문의를 이용해주세요. 개인적인 학습 계획, 환불, 수강 기간 연장 등은 따로 문의해주시면 더 자세히 상담드릴게요 📞 실패 사례도 공유해주세요! "이렇게 했더니 망했어요" 같은 경험담도 다른 수강생들에게 큰 도움이 됩니다. 실패도 소중한 학습 자료예요 💡 💬 좋은 질문 예시 [진도] 1주차 3강 Lovable [질문] 클라우드로 넘어갈 때 새로 회원가입 후 계속 퍼즐을 하라고 하는데 맞을까요? (사진 첨부)

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

안녕하세요 9.3 프로필 수정 기능 구현하기 질문드립니다.

미해결

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

마지막 부분인 9.5 프로필 인가부분까지 수업을 들으면서 코드를 작성했는데, ProfileDetailPage가 제대로 렌더링 되지 않아서 질문드립니다. 코드가 혹시 잘못되었을까해서 깃허브 보고 다시 확인했는데, 코드는 강의 내용이랑 맞는 것 같습니다. 뭐가 문제인지 잘모르겠어요

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

이런 플젝 만드는데 얼마나 걸리시나요?

미해결

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

강의에 관한 질문은 아니긴한데 개인적으로 궁금해서 여쭤봅니다..! 강의 설명 준비하시는 거 말고 이 정도 규모 프로젝트 만들 때 얼마나 걸리시나요??.. 사람마다 다르겠지만 대충 기간이 궁금해서요..! 불편하신 질문이었다면 죄송합니당..

  • react
  • typescript
  • react-query
  • supabase
  • zustand
쁘엔 댓글 1 좋아요 0 조회수 119

안녕하세요 7.4 이미지업로드구현하기2 질문드립니다.

해결됨

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

createPostWithImages에서 Promise.all로 이미지 업로드가 되는데 Promise.all은 순서 보장이 되나요?

  • react
  • typescript
  • react-query
  • supabase
  • zustand
이동훈 댓글 3 좋아요 0 조회수 130

회원가입 시 엑세스 토큰이 localStorage에 자동으로 저장이 안됩니다.

해결됨

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

현재 토큰을 제대로 받아오는 것을 확인했지만 local storage에 들어가서 확인을 해보면 아무것도 없습니다! session storage에도 확인해 봤는데 여기도 저장이 안 되어 있습니다 제가 직접 access token을 local storage에 저장하려고 시도하다가 회원가입 성공 시 data에 session이 null이 나오는걸 확인했습니다. 그래서 local storage setItem해서 저장을 할 수가 없는걸까요? authorization에 access token이 담겨오는데 왜 session에는 null이 뜨는지 궁금합니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
다하자 댓글 2 좋아요 0 조회수 99

참고 소스 질문

해결됨

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

이번 강의를 통해 만든 소스를 github에 있나요? 있으면 링크 알려주세요.

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

모달 UI 관련 질문

미해결

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

이렇게 내용이 길어져서 모달 전체 크기인 max-h-[90vh]에 도달할 경우, 저는 모달 내부에 있는 버튼이 밖으로 안튀어나가게 작동할거라고 예상했는데, 첨부한 이미지처럼 튀어나가더라고요...이런 경우는 어떻게 해결할 수 있나요?

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

Supabase 테이블 생성 시 content 컬럼 문의 드립니다.

해결됨

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

안녕하세요 강사님, 강의 잘 듣고 있습니다. 다름이 아니라 (5.5) Supabase 설정하기 수강 중 테이블 생성 과정에서 궁금한 부분이 있어 질문드립니다. 영상 9:48쯤에는 content 컬럼의 default value가 NULL로 보이는데, 바로 다음 9:49쯤에는 동일한 content 컬럼의 default value가 EMPTY(빈 문자열) 로 변경되어 보이더라고요. 이 경우 content 컬럼의 default를 EMPTY로 설정하면 되는 걸까요? 혹시 NULL과 EMPTY 중 어떤 기준으로 선택하면 좋을지도 함께 안내 부탁드립니다. 감사합니다!

  • supabase
뚜루뚜루 댓글 1 좋아요 0 조회수 93

캐시 데이터 다루기 - 낙관적 업데이트(2)에서 질문

미해결

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

createTodo의 리턴값을 활용하면서 Todo를 생성했을 때, 캐시 무효화를 해서 데이터가 많은 경우 서버에 부하를 주는 코드를 개선했었었는데, 낙관적 업데이트2에서 데이터의 무결성을 위해 onSettled에서 queryClient.invalidateQueries 를 호출했는데 여기서는 괜찮은 걸까요?

  • react
  • typescript
  • react-query
  • supabase
  • zustand
유니크한 늑대 댓글 2 좋아요 0 조회수 88

CloudFlare(p.40)부분에서 진행이 안되고 있습니다.

해결됨

2시간 만에 AI로 애드센스 수익형 웹사이트 만들기

강사님, 안녕하세요. 전자책 40page와 같이 이렇게 지정 후 생성 및 배포 버튼을 클릭하면 아래와 같이 오류 메시지가 발생합니다. 2026-01-03T13:49:04.695Z Initializing build environment... 2026-01-03T13:49:05.869Z Success: Finished initializing build environment 2026-01-03T13:49:06.165Z Cloning repository... 2026-01-03T13:49:07.333Z No build output detected to cache. Skipping. 2026-01-03T13:49:07.334Z No dependencies detected to cache. Skipping. 2026-01-03T13:49:07.335Z Detected the following tools from environment: 2026-01-03T13:49:07.435Z Executing user build command: npx opennextjs-cloudflare build 2026-01-03T13:49:08.435Z npm error code E404 2026-01-03T13:49:08.435Z npm error 404 Not Found - GET https://registry.npmjs.org/opennextjs-cloudflare - Not found 2026-01-03T13:49:08.435Z npm error 404 2026-01-03T13:49:08.435Z npm error 404 'opennextjs-cloudflare@*' is not in this registry. 2026-01-03T13:49:08.435Z npm error 404 2026-01-03T13:49:08.435Z npm error 404 Note that you can also install from a 2026-01-03T13:49:08.435Z npm error 404 tarball, folder, http url, or git url. 2026-01-03T13:49:08.436Z npm error A complete log of this run can be found in: /opt/buildhome/.npm/_logs/2026-01-03T13_49_07_756Z-debug-0.log 2026-01-03T13:49:08.483Z Failed: error occurred while running build command 혹시 저 상황에서 진행하려면 어떻게 해야하는지 궁금합니다. 감사합니다. 참고 - node, npm 버전은 아래와 같습니다. 혹시 몰라서 첨부합니다.

  • 웹앱
  • cloudflare
  • adsense
  • supabase
  • cursorai
쿠카이든 댓글 1 좋아요 0 조회수 122

onError 콜백에 파라미터 없음에도 추가하신 이유가 무엇인가요?

해결됨

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

인증에러처리하기1 의 10:29 에서 if (callbacks?.onError) callbacks.onError(errror); sign-in-page.tsx 에서 넘겨준 onError에는 파라미터가 없는데도 넘겨준 이유가 어떤건지 궁금합니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
이동훈 댓글 2 좋아요 1 조회수 64

(4.13) 캐시 정규화하기 2

미해결

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

개별 캐시 데이터는 disabled 상태라 캐시를 무효화 해봤자 데이터를 다시 불러오지 않는다고 하시면서 use-upate-todo-mutation.ts 파일에서 onSettled 이벤트 핸들러를 삭제하셨습니다. 그런데 이 부분이 이해가 잘 가지 않습니다. QUERY_KEYS.todo.list를 무효화 하면 todo 목록을 가지고 오면서 개별 캐시 데이터도 todos.forEach((todo) => { queryClient.setQueryData<Todo>(QUERY_KEYS.todo.detail(todo.id), todo); }); 이렇게 다시 세팅하는거 아닌가요?

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

인기 태그

인프런 TOP Writers

주간 인기글