173만명의 커뮤니티!! 함께 토론해봐요.
미해결
AI 시대에 살아남기: Supabase로 백엔드 뚝딱!
작년 12월 러바블을 시작으로 커서, 안티그래피 그리고 클로드코드 등을 활용하여 바이브코딩을 해왔습니다. 그러면서 백엔드의 중요성을 몸소 느끼게 되었죠. 아주 간단한 건 버셀과 수파베이스를 어찌저찌 ai에게 물어보면서 연동을 했지만, 전문적인 지식이 필요함을 느끼게 되었습니다. 그러던 중 기적처럼 어제 이 강의가 개설된 것을 알게 되었죠. 너무 감사합니다. 한번 열심히 배워보겠습니다. 비개발자 출신이기에 다소 어려울 수도 있겠지만 뭐 하다보면 되겠죠 .ㅎ
해결됨
비전공자 혼자서 하루 만에 수익화 앱 출시하기
링크가 404오류가 떠서 어느 경로로 다운로드해야하는지 모르겠습니다.
미해결
AI 시대에 살아남기: Supabase로 백엔드 뚝딱!
수파베이스에 대한 갈증이 있었는데 타 플랫폼도 그렇고 한국강좌가 없어서 많이 아쉬워하고 있었는데요 인프런에 2만2천원짜리 강의하나밖에 없어서 그것을 듣긴했는데 그것만으론 많이 아쉬움을 느끼고 있던차에 이 강의가 나왔다는 메일을 받고 정말 기뻐서 바로 결제했습니다 수파베이스를 활용해서 만들고싶은 것들이 잔뜩 머릿속에 있거든요 감사히 잘 듣겠습니다.
미해결
한 입 크기로 잘라먹는 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.js 실전 프로젝트 - SNS 편
안녕하세요 선생님 input checkbox 에 onClick 을 사용하면 react 에서는 경고도 날리기도 하는데 onChange 대신 onClick 을 사용하신 이유가 궁금합니다.
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
1-2강의의 '가치 중심 서비스 기획 워크시트' 이걸 어떻게 제출하나요?
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
https://github.com/kkhhjjoo/onebite-sns
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
안녕하세요~ 15분 29초 하고있는데 빨간줄이 가서 여쭤봅니다 github주소는 https://github.com/kkhhjjoo/onebite-sns 입니다
해결됨
한 입 크기로 잘라먹는 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([]) 를 호출하는 방식으로 처리하고 있습니다.
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
현재 수강 진도를 함께 알려주세요! "1주차 3강까지 완료" 또는 "2주차 실습 중"처럼 어디까지 들으셨는지 적어주시면 맞춤형 답변을 드릴 수 있어요 📚 구체적인 상황과 함께 질문해주세요! "AI가 안 된다"보다는 "Cursor에서 이런 프롬프트를 입력했는데 이런 에러가 나와요"처럼 상세하게 적어주시면 더 정확한 답변을 드릴 수 있어요 🎯 스크린샷이나 코드를 첨부해주세요. 에러 화면, 현재 진행 상황을 보여주시면 문제 해결이 10배 빨라집니다! 마크다운 코드 블록(```)을 활용하면 더 깔끔하게 정리할 수 있어요 📸 커뮤니티 검색을 먼저 해보세요. 같은 문제로 고민하신 분들이 이미 해결책을 찾았을 수도 있어요. 검색 후 못 찾으시면 언제든 새로 질문해주세요! 🔍 서로 도우며 함께 성장해요. 나도 모르는 건 "저도 궁금해요!"라고 댓글 달아주시고, 아는 건 적극적으로 공유해주세요. 가르치면서 더 잘하게 됩니다 💪 바이브코딩 관련 질문은 환영, 기술 세부사항은 GPT 활용! 프롬프트 작성법, AI 도구 사용법은 여기서, 복잡한 코딩 문법은 ChatGPT에게 물어보시는 게 더 빨라요 🤖 진도나 과제 관련 문의는 1:1 문의를 이용해주세요. 개인적인 학습 계획, 환불, 수강 기간 연장 등은 따로 문의해주시면 더 자세히 상담드릴게요 📞 실패 사례도 공유해주세요! "이렇게 했더니 망했어요" 같은 경험담도 다른 수강생들에게 큰 도움이 됩니다. 실패도 소중한 학습 자료예요 💡 💬 좋은 질문 예시 [진도] 1주차 3강 Lovable [질문] 클라우드로 넘어갈 때 새로 회원가입 후 계속 퍼즐을 하라고 하는데 맞을까요? (사진 첨부)
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
마지막 부분인 9.5 프로필 인가부분까지 수업을 들으면서 코드를 작성했는데, ProfileDetailPage가 제대로 렌더링 되지 않아서 질문드립니다. 코드가 혹시 잘못되었을까해서 깃허브 보고 다시 확인했는데, 코드는 강의 내용이랑 맞는 것 같습니다. 뭐가 문제인지 잘모르겠어요
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
강의에 관한 질문은 아니긴한데 개인적으로 궁금해서 여쭤봅니다..! 강의 설명 준비하시는 거 말고 이 정도 규모 프로젝트 만들 때 얼마나 걸리시나요??.. 사람마다 다르겠지만 대충 기간이 궁금해서요..! 불편하신 질문이었다면 죄송합니당..
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
createPostWithImages에서 Promise.all로 이미지 업로드가 되는데 Promise.all은 순서 보장이 되나요?
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
현재 토큰을 제대로 받아오는 것을 확인했지만 local storage에 들어가서 확인을 해보면 아무것도 없습니다! session storage에도 확인해 봤는데 여기도 저장이 안 되어 있습니다 제가 직접 access token을 local storage에 저장하려고 시도하다가 회원가입 성공 시 data에 session이 null이 나오는걸 확인했습니다. 그래서 local storage setItem해서 저장을 할 수가 없는걸까요? authorization에 access token이 담겨오는데 왜 session에는 null이 뜨는지 궁금합니다.
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
이번 강의를 통해 만든 소스를 github에 있나요? 있으면 링크 알려주세요.
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
이렇게 내용이 길어져서 모달 전체 크기인 max-h-[90vh]에 도달할 경우, 저는 모달 내부에 있는 버튼이 밖으로 안튀어나가게 작동할거라고 예상했는데, 첨부한 이미지처럼 튀어나가더라고요...이런 경우는 어떻게 해결할 수 있나요?
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
안녕하세요 강사님, 강의 잘 듣고 있습니다. 다름이 아니라 (5.5) Supabase 설정하기 수강 중 테이블 생성 과정에서 궁금한 부분이 있어 질문드립니다. 영상 9:48쯤에는 content 컬럼의 default value가 NULL로 보이는데, 바로 다음 9:49쯤에는 동일한 content 컬럼의 default value가 EMPTY(빈 문자열) 로 변경되어 보이더라고요. 이 경우 content 컬럼의 default를 EMPTY로 설정하면 되는 걸까요? 혹시 NULL과 EMPTY 중 어떤 기준으로 선택하면 좋을지도 함께 안내 부탁드립니다. 감사합니다!
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
createTodo의 리턴값을 활용하면서 Todo를 생성했을 때, 캐시 무효화를 해서 데이터가 많은 경우 서버에 부하를 주는 코드를 개선했었었는데, 낙관적 업데이트2에서 데이터의 무결성을 위해 onSettled에서 queryClient.invalidateQueries 를 호출했는데 여기서는 괜찮은 걸까요?
해결됨
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 버전은 아래와 같습니다. 혹시 몰라서 첨부합니다.
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
인증에러처리하기1 의 10:29 에서 if (callbacks?.onError) callbacks.onError(errror); sign-in-page.tsx 에서 넘겨준 onError에는 파라미터가 없는데도 넘겨준 이유가 어떤건지 궁금합니다.
