inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

강의 자료 어디 있나요?

해결됨

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

https://join.slack.com/t/lopun-lecture/shared_invite/zt-2mkxcgt5h-7Bq~fMnMJ8Scle17fzFYCQ 찾기가 쉽지 않네요?

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

이미지 메모리 누수 관련 질문

미해결

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

createObjectURL로 이미 메모리에 보관된 이미지 파일들은 단순히 filter로 삭제해도 삭제되지 않기때문에, 메모리 누수가 발생된다고 하셨는데요. 1. 실제로 메모리 누수가 발생하고 있는지는 어떻게 확인 할 수 있는건가요?? 2. 또 이미 AI가 많이 발전해버린 뒤에 개발을 접한 저는 수동적인 태도로만 공부를 해서인지, 여기에서 메모리 누수가 발생하겠구나. 이건 이런 문제가 생길텐데 어떻게 해결하지? 하는 생각을 하나도 안 하고있음을 깨달았습니다...어떤 태도로 임해야 저런 생각도 당연하게 할 수 있을까요?ㅠㅠ

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

56강 alertModalStore 구현 중 질문

해결됨

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

store에서 actions를 생성하고 store를 내보내려고 할 때에 export const useAlertModal = () => { const store = useAlertModalStore(); return store as typeof store & State; }; 이렇게 as 단언문을 추가하셨는데 저는 as typeof store & State 이 부분을 추가하지 않아도 똑같이 추론이 되고 있습니다. const store: Write<State, { actions: { open: (params: Omit<OpenState, "isOpen">) => void; close: () => void; }; }> 둘 다 이렇게 동일하게 나오는데 어떤 차이점이 있는건가요?

  • react
  • typescript
  • react-query
  • supabase
  • zustand
귀한 불도새 댓글 1 좋아요 1 조회수 113

checkbox 캐시 update

미해결

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

todo list 추가/삭제 시 캐시데이터도 각각 따로 해줘야하는 내용은 알겠는데, 현재 체크박스만 변경할 때 캐시데이터를 업데이트 해주는거는 불필요하지않을까 생각이 듭니다. 만약 내용 수정같은경우라면 해줘야하겠지만..(?) 이전코드와 비교해봤을때 checkbox를 수정했을 때 "todo","list" 는 id만 갖고있어 문제는 캐시데이터 업데이트 해줄일은 없고, "todo", "detail"은 바로 업데이트가 되는데 굳이 코드 수정해주는 이유를 아직 모르겠습니다.

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

notion 수업자료

해결됨

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

notion 수업 자료는 어디에서 볼 수 있을까요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
김수경 (Soo-Kyung Kim 댓글 2 좋아요 0 조회수 115

러버블 슈퍼베이스연동

해결됨

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

클라우드 버튼 누르면 이렇게 화면에 뜹니다 강의 UI랑 다른데 암만봐도 연동하는 버튼이 안보이네요

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
오일중 댓글 3 좋아요 0 조회수 214

에드센스 승인

미해결

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

날씨 메인페이지 하나로 에드센스 승인 받으신건가요??

  • 웹앱
  • cloudflare
  • adsense
  • supabase
  • cursorai
stmdaks888 댓글 2 좋아요 0 조회수 148

querykey factory

해결됨

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

querykey factory에서 all은 언제 쓰나요??

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

플러터 설치 링크가 없는 주소로 나오네요.

해결됨

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

4-1 flutter 개발환경 세팅에서 링크 페이지가 사라졌습니다. 기존과 내용이 많이 달라진 것 같아요. 체크한 번 부탁드립니다. 문서 업데이트가 필요해보여요.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
플럭서스 댓글 1 좋아요 0 조회수 108

credit을 도중에 다 써서 로그아웃해야 하는데 기존에 작업중이던 프로젝트는 어떻게 이어서 할 수 있을까요?

해결됨

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

[진도] 1주차 9강 - 실용적인 도구 만들기 1: 개인 비용 관리 앱 8분 [질문] 개인 비용 관리 앱을 만들다가 credit을 다 써버린 상황인데 로그아웃 후 다른 이메일로 로그인한 후 기존에 작업중이던 프로젝트를 어떻게 이어서 해야 할까요? 새로운 이메일로 로그인을 하게 되면 처음부터 만들어야 하는걸까요?

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

1-5 Replit에 Devtools 기능은 어디서 보나요?

해결됨

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

1-5 수강중입니다. Replit 화면에서 에러코드가 뜨는경우에 확인할 수 있도록 devtools로 확인하라고 하시는데요. UI가 변경된 것인지 뜨지 않습니다. 유사한 형태로 Webview logs 버튼은 있는데 이걸로 봐야하나요? 본다면 어떻게 에러코드를 볼수 있을까요? Webview 클릭시 뜨는 화면 캡쳐본 첨부합니다.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
aryoo 댓글 1 좋아요 0 조회수 119

러버블에서 수파베이스 연동이 아예 사라진것 같습니다.

해결됨

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

현재 수강 진도 1-3 강의 수강중입니다. 구체적인 상황 러버블 실습중에 수파베이스 연동이 아니라 러버블 자체 데이터베이스로 연동된것같습니다. 설정에 들어가도 연동 리스트에 없는것 같아요 시도 해본 것 설정에 들어가면 연동가능하다고 해서 들어갔는데 목록에 수파베이스가 없습니다. (클라우드 화면과 설정 화면 캡쳐본 첨부합니다.) 이후에 수파베이스 연동으로 강의가 구성된다고 하셨는데 러버블 자체 연동으로 진행해도 수업 따라가는데 지장이 없을까요?ㅠ

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
aryoo 댓글 3 좋아요 0 조회수 241

28. 데이터 무효화하기 부분에서 질문

해결됨

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

constants.ts에 쿼리키값 관련한 부분을 상수로 빼고, import하여 사용하는 방법을 배웠습니다! 여기서 질문이 export const QUERY_KEYS = { todo: { all: ["todo"], list: ["todo", "list"], detail: (id: string) => ["todo", "detail", id], }, }; 상수명만 대문자로 쓰고 내부 객체는 소문자로 사용하는게 맞는건가요?? 어떤 것이 관례인지 궁금합니다

  • react
  • typescript
  • react-query
  • supabase
  • zustand
귀한 불도새 댓글 2 좋아요 0 조회수 117

슈퍼베이스 연동

해결됨

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

슈퍼베이스를 연동하려고 클라우드를 클릭해도 강의 화면과 같이 나오지 않습니다 슈퍼베이스 기반으로 추후 강의가 진행된다고하는데 어떻게 해야할까요?

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

비개발자이고, 바이브코딩을 하는 40대중반 직장인입니다.

미해결

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

작년 12월 러바블을 시작으로 커서, 안티그래피 그리고 클로드코드 등을 활용하여 바이브코딩을 해왔습니다. 그러면서 백엔드의 중요성을 몸소 느끼게 되었죠. 아주 간단한 건 버셀과 수파베이스를 어찌저찌 ai에게 물어보면서 연동을 했지만, 전문적인 지식이 필요함을 느끼게 되었습니다. 그러던 중 기적처럼 어제 이 강의가 개설된 것을 알게 되었죠. 너무 감사합니다. 한번 열심히 배워보겠습니다. 비개발자 출신이기에 다소 어려울 수도 있겠지만 뭐 하다보면 되겠죠 .ㅎ

  • node.js
  • dbms/rdbms
  • oauth
  • backend
  • supabase
김경훈 댓글 1 좋아요 0 조회수 265

flutter설치

해결됨

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

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

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

감사히 잘 듣겠습니다.

미해결

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

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

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

`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 조회수 161

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

미해결

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

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

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

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

해결됨

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글