51[6.11] 회원가입이 안되고 프로필 생성하려니까 빨간색이 뜨네요ㅜ
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
https://github.com/kkhhjjoo/onebite-sns
- react
- typescript
- react-query
- supabase
- zustand
176만명의 커뮤니티!! 함께 토론해봐요.
해결됨
한 입 크기로 잘라먹는 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에는 파라미터가 없는데도 넘겨준 이유가 어떤건지 궁금합니다.
미해결
한 입 크기로 잘라먹는 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); }); 이렇게 다시 세팅하는거 아닌가요?
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
강의에서는 /만 입력해도 Generate Cursor Rules라는게 뜨는데 저는 안뜨는 이유가 뭘까요? cursor가 업데이트 되서 그런걸까요?
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
커서 계속 사용중인데 한도가 다해서 pro로 업그레이드 하라는데 수업을 어떻게 진행해가야할까요
미해결
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
러버블에서 진행되고 있는 프로젝트를 다운로드후에 로컬로 실행한다음에, 다시 러버블로 옮기는건 안되는거죠? 추가적ㅇ로 궁금한게 러버블 클라우드(lovable cloud)를 사용하고 있는 프로젝트를 로컬로 가져와서 개발하는게 가능한걸까요? 아니면 자체적으로 supabase를 외부로 연동한 프로젝트만 가져와서 추가적인 개발이 가능한 걸까요?
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
선생님, 안녕하세요. 강의 잘 듣고 있습니다 🙂 프로필 수정 기능구현하기 - 기능 강좌에서 useEffect(() => { if (profile && isOpen) { setNickname(profile.nickname); setBio(profile.bio); setAvatarImage(null); } }, [profile, isOpen]); setAvatarImage(null); setAvatarImage의 인수로 null 값으로 설정한 이유를 강의에서 말씀 주셨는데 설명을 들었는데도 아직 잘 이해가 안 돼서요 ㅠㅠ 해당 부분에 대해 좀 더 부연설명 해주실 수 있나요? 감사합니다. 새해 복 많이 받으세요!
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
주사위 굴리기 만든부분에서 현재 오른쪽하단 실행기기를 크롬으로 실행하면 정상적으로 동작하는데 미디움폰이나 그외 모바일 기기로 실행하면 그냥 플루터 기본코드화면만 나옵니다 커서한테 질문해도 똑같은 작업만 하루종일 반복하고 그대로네요 안드로이드 스튜디오에서 뭐 따로 해야할게 있는건가여 sdk설치하고 medium phone도 설치하고 다 했는데 답답하네요 ㅠ