172만명의 커뮤니티!! 함께 토론해봐요.
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
요즘 zustand 공식 Docs 사이트가 이상해요.. zustand 문서를 보려고 docs 사이트에 접속하면 GPU 사용율이 오르고, 컴퓨터 온도도 확 올라가면서 웹브라우저에서 응답없음이 나오고 멈춰버립니다. 저만 이런 건가 해서 github 이슈를 검색해 봤더니 2025년말에도 이 같은 이슈가 있었는데.. 이거 zustand 에게 상태 관리 맡겨도 될까요? ㅎㅎ
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
에러 메시지 한국어로 변경하는 부분을 보다 보니 문득 해당 라이브리가 있는지 찾아 봤는데 있더라구요. 설치와 사용법은 아래와 같습니다. npm i supabase-error-translator-js import { AuthError } from '@supabase/supabase-js'; import type { ErrorService } from 'supabase-error-translator-js/dist/types'; import { setLanguage, translateErrorCode } from 'supabase-error-translator-js'; setLanguage('ko'); export function errorTranslator(error: unknown, service: ErrorService = 'auth') { if (error instanceof AuthError && error.code) { return ( translateErrorCode(error.code, service) ?? '알 수 없는 인증 오류가 발생했습니다. 잠시 후 다시 시도해 주세요.' ); } return '문제가 발생했습니다. 잠시 후 다시 시도해주세요.'; }
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
id를 똑같이 string으로 다 바꿨고 코드도 동일한데 이 부분에서 타입 오류가 납니다 , ,
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
[!] Flutter (Channel stable, 3.24.5, on Microsoft Windows [Version 10.0.19045.6466], locale ko-KR) • Flutter version 3.24.5 on channel stable at C:\flutter ! The flutter binary is not on your path. Consider adding C:\flutter\bin to your path. ! The dart binary is not on your path. Consider adding C:\flutter\bin to your path. • Upstream repository https://github.com/flutter/flutter.git • Framework revision dec2ee5c1f (1 year, 3 months ago), 2024-11-13 11:13:06 -0800 • Engine revision a18df97ca5 • Dart version 3.5.4 • DevTools version 2.37.3 • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades. [√] Windows Version (Installed version of Windows is version 10 or higher) [X] Android toolchain - develop for Android devices X Unable to locate Android SDK. Install Android Studio from: https://developer.android.com/studio/index.html On first launch it will assist you in installing the Android SDK components. (or visit https://flutter.dev/to/windows-android-setup for detailed instructions). If the Android SDK has been installed to a custom location, please use `flutter config --android-sdk` to update to that location. [√] Chrome - develop for the web • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe [√] Visual Studio - develop Windows apps (Visual Studio Community 2019 16.11.2) • Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\Community • Visual Studio Community 2019 version 16.11.31624.102 • Windows 10 SDK version 10.0.19041.0 [!] Android Studio (not installed) • Android Studio not found; download from https://developer.android.com/studio/index.html (or visit https://flutter.dev/to/windows-android-setup for detailed instructions). [√] VS Code (version 1.108.2) • VS Code at C:\Users\user\AppData\Local\Programs\Microsoft VS Code • Flutter extension can be installed from: https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter [√] Connected device (3 available) • Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.19045.6466] • Chrome (web) • chrome • web-javascript • Google Chrome 144.0.7559.133 • Edge (web) • edge • web-javascript • Microsoft Edge 144.0.3719.115 [√] Network resources • All expected network resources are available. ! Doctor found issues in 3 categories. exit code 0 여기서 Android toolchain 부분 [x] 부분인데 이거 필수로 설치 해야 되는 부분이죠?
미해결
AI 시대에 살아남기: Supabase로 백엔드 뚝딱!
정답으로 보여주신 이미지에는 아래와 같이 FK가 설정되어있는 것 같았는데 맞을까요? profiles.user_id -> auth.users.id (CASCADE) todos.user_id -> auth.users.id (CASCADE) todos.user_id -> profiles.users.id (CASCADE) todos.user_id -> profiles.users.id를 잇는 FK는 왜 필요한거고, 어떤 의도로 생성하는것인지 궁금합니다
해결됨
[풀스택 입문] Firebase보다 10배 좋은 Supabase
https://join.slack.com/t/lopun-lecture/shared_invite/zt-2mkxcgt5h-7Bq~fMnMJ8Scle17fzFYCQ 찾기가 쉽지 않네요?
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
createObjectURL로 이미 메모리에 보관된 이미지 파일들은 단순히 filter로 삭제해도 삭제되지 않기때문에, 메모리 누수가 발생된다고 하셨는데요. 1. 실제로 메모리 누수가 발생하고 있는지는 어떻게 확인 할 수 있는건가요?? 2. 또 이미 AI가 많이 발전해버린 뒤에 개발을 접한 저는 수동적인 태도로만 공부를 해서인지, 여기에서 메모리 누수가 발생하겠구나. 이건 이런 문제가 생길텐데 어떻게 해결하지? 하는 생각을 하나도 안 하고있음을 깨달았습니다...어떤 태도로 임해야 저런 생각도 당연하게 할 수 있을까요?ㅠㅠ
해결됨
한 입 크기로 잘라먹는 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.js 실전 프로젝트 - SNS 편
todo list 추가/삭제 시 캐시데이터도 각각 따로 해줘야하는 내용은 알겠는데, 현재 체크박스만 변경할 때 캐시데이터를 업데이트 해주는거는 불필요하지않을까 생각이 듭니다. 만약 내용 수정같은경우라면 해줘야하겠지만..(?) 이전코드와 비교해봤을때 checkbox를 수정했을 때 "todo","list" 는 id만 갖고있어 문제는 캐시데이터 업데이트 해줄일은 없고, "todo", "detail"은 바로 업데이트가 되는데 굳이 코드 수정해주는 이유를 아직 모르겠습니다.
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
notion 수업 자료는 어디에서 볼 수 있을까요?
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
클라우드 버튼 누르면 이렇게 화면에 뜹니다 강의 UI랑 다른데 암만봐도 연동하는 버튼이 안보이네요
미해결
2시간 만에 AI로 애드센스 수익형 웹사이트 만들기
날씨 메인페이지 하나로 에드센스 승인 받으신건가요??
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
querykey factory에서 all은 언제 쓰나요??
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
4-1 flutter 개발환경 세팅에서 링크 페이지가 사라졌습니다. 기존과 내용이 많이 달라진 것 같아요. 체크한 번 부탁드립니다. 문서 업데이트가 필요해보여요.
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
[진도] 1주차 9강 - 실용적인 도구 만들기 1: 개인 비용 관리 앱 8분 [질문] 개인 비용 관리 앱을 만들다가 credit을 다 써버린 상황인데 로그아웃 후 다른 이메일로 로그인한 후 기존에 작업중이던 프로젝트를 어떻게 이어서 해야 할까요? 새로운 이메일로 로그인을 하게 되면 처음부터 만들어야 하는걸까요?
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
1-5 수강중입니다. Replit 화면에서 에러코드가 뜨는경우에 확인할 수 있도록 devtools로 확인하라고 하시는데요. UI가 변경된 것인지 뜨지 않습니다. 유사한 형태로 Webview logs 버튼은 있는데 이걸로 봐야하나요? 본다면 어떻게 에러코드를 볼수 있을까요? Webview 클릭시 뜨는 화면 캡쳐본 첨부합니다.
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
현재 수강 진도 1-3 강의 수강중입니다. 구체적인 상황 러버블 실습중에 수파베이스 연동이 아니라 러버블 자체 데이터베이스로 연동된것같습니다. 설정에 들어가도 연동 리스트에 없는것 같아요 시도 해본 것 설정에 들어가면 연동가능하다고 해서 들어갔는데 목록에 수파베이스가 없습니다. (클라우드 화면과 설정 화면 캡쳐본 첨부합니다.) 이후에 수파베이스 연동으로 강의가 구성된다고 하셨는데 러버블 자체 연동으로 진행해도 수업 따라가는데 지장이 없을까요?ㅠ
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
constants.ts에 쿼리키값 관련한 부분을 상수로 빼고, import하여 사용하는 방법을 배웠습니다! 여기서 질문이 export const QUERY_KEYS = { todo: { all: ["todo"], list: ["todo", "list"], detail: (id: string) => ["todo", "detail", id], }, }; 상수명만 대문자로 쓰고 내부 객체는 소문자로 사용하는게 맞는건가요?? 어떤 것이 관례인지 궁금합니다
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
슈퍼베이스를 연동하려고 클라우드를 클릭해도 강의 화면과 같이 나오지 않습니다 슈퍼베이스 기반으로 추후 강의가 진행된다고하는데 어떻게 해야할까요?
미해결
AI 시대에 살아남기: Supabase로 백엔드 뚝딱!
작년 12월 러바블을 시작으로 커서, 안티그래피 그리고 클로드코드 등을 활용하여 바이브코딩을 해왔습니다. 그러면서 백엔드의 중요성을 몸소 느끼게 되었죠. 아주 간단한 건 버셀과 수파베이스를 어찌저찌 ai에게 물어보면서 연동을 했지만, 전문적인 지식이 필요함을 느끼게 되었습니다. 그러던 중 기적처럼 어제 이 강의가 개설된 것을 알게 되었죠. 너무 감사합니다. 한번 열심히 배워보겠습니다. 비개발자 출신이기에 다소 어려울 수도 있겠지만 뭐 하다보면 되겠죠 .ㅎ
