묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
프로필 수정 후 post item 의 글들에서 수정된 프로필 업데이트 반영
프로필 수정후 프로필 디테일 화면의 포스트 아이템들에서는 수정된 프로필 내용이 반영이 안되는 것이 확인됩니다. 시나리오대로라면 프로필 수정 후 포스트아이템의 프로필 ui 도 업데이트 해주는게 자연스러운듯 하여 위와 같이 아래 코드를 추가해 주었습니다. 맞을까요?queryClient.resetQueries({ queryKey: QUERY_KEYS.post.userList(updatedProfile.id), });
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
33. 4-5 iOS 파이어베이스 메시징 문의입니다.
파이어베이스 메시징 관련하여 안드로이드는 알림이 오는데 애플 시뮬레이터에서는 받지 못했습니다. 커서는 APNs 인증키인가 그걸 생성하고 파이어베이스 콘솔에서 처리해야 한다는데 이 내용은 영상에 없어서 질문드립니다. 다른 방법은 없고 커서가 알려준 방법이 맞습니까? 또한, 해당 인증키를 받기 위하여 애플 개발자 가입을 해야 되는것도 맞습니까?
-
해결됨한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
React 19 버전에서 새로운 린트 규칙으로 setState() 호출하기가 신경쓰입니다.
안녕하세요. 요즘 React 19로 다시 강의를 학습하고 있습니다. 그러다 보니 useEffect 내에서 setState() 호출 시 새로운 Lint 규칙으로 react-hooks/set-state-in-effect 대한 경고가 나옵니다. 즉 useEffect 에서 setState() 호출하여 불필요한 추가 렌더링이 발생한다고 경고합니다. (https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-effect)아래 pos-editor-modal.tsx 에서도 setContent(""); 에서도 경고가 발생하네요..useEffect(() => { if (!isOpen) return; textareaRef.current?.focus(); setContent(""); // 경고 발생!! }, [isOpen]);요즘 들어 이런 경고가 신경 쓰이는 데.. 왜 이런 규칙이 생겼나요 ?수정 방법은 아래와 같이 코드를 수정하라 해서 변경했는데 ..startTransition() 을 사용해야 하나요..useEffect(() => { if (!isOpen) return; textareaRef.current?.focus(); startTransition(() => { setContent(''); }); }, [isOpen]);
-
해결됨한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
zustand 사이트 이상해요!! 웹브라우저에서 응답없음 반응
요즘 zustand 공식 Docs 사이트가 이상해요..zustand 문서를 보려고 docs 사이트에 접속하면GPU 사용율이 오르고, 컴퓨터 온도도 확 올라가면서웹브라우저에서 응답없음이 나오고 멈춰버립니다.저만 이런 건가 해서 github 이슈를 검색해 봤더니 2025년말에도 이 같은 이슈가 있었는데..이거 zustand 에게 상태 관리 맡겨도 될까요? ㅎㅎ
-
해결됨한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
supabase 에러 메시지를 번역해주는 라이브러리를 찾아서 알려드립니다.
에러 메시지 한국어로 변경하는 부분을 보다 보니 문득 해당 라이브리가 있는지 찾아 봤는데 있더라구요. 설치와 사용법은 아래와 같습니다. npm i supabase-error-translator-jsimport { 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 편
4.6 id를 string으로 바꾸니까 오류가 나요
id를 똑같이 string으로 다 바꿨고 코드도 동일한데 이 부분에서 타입 오류가 납니다 ,,
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
flutter doctor
[!] 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로 백엔드 뚝딱!
todos 테이블, RLS, 트리거 생성 미션 질문드립니다
정답으로 보여주신 이미지에는 아래와 같이 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 편
56강 alertModalStore 구현 중 질문
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 편
checkbox 캐시 update
todo list 추가/삭제 시 캐시데이터도 각각 따로 해줘야하는 내용은 알겠는데, 현재 체크박스만 변경할 때 캐시데이터를 업데이트 해주는거는 불필요하지않을까 생각이 듭니다. 만약 내용 수정같은경우라면 해줘야하겠지만..(?) 이전코드와 비교해봤을때 checkbox를 수정했을 때 "todo","list" 는 id만 갖고있어 문제는 캐시데이터 업데이트 해줄일은 없고, "todo", "detail"은 바로 업데이트가 되는데 굳이 코드 수정해주는 이유를 아직 모르겠습니다.
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
notion 수업자료
notion 수업 자료는 어디에서 볼 수 있을까요?
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
러버블 슈퍼베이스연동
클라우드 버튼 누르면 이렇게 화면에 뜹니다 강의 UI랑 다른데 암만봐도 연동하는 버튼이 안보이네요
-
미해결2시간 만에 AI로 애드센스 수익형 웹사이트 만들기
에드센스 승인
날씨 메인페이지 하나로 에드센스 승인 받으신건가요??
-
해결됨한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
querykey factory
querykey factory에서 all은 언제 쓰나요??
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
플러터 설치 링크가 없는 주소로 나오네요.
4-1 flutter 개발환경 세팅에서 링크 페이지가 사라졌습니다. 기존과 내용이 많이 달라진 것 같아요. 체크한 번 부탁드립니다. 문서 업데이트가 필요해보여요.
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
credit을 도중에 다 써서 로그아웃해야 하는데 기존에 작업중이던 프로젝트는 어떻게 이어서 할 수 있을까요?
[진도] 1주차 9강 - 실용적인 도구 만들기 1: 개인 비용 관리 앱 8분 [질문] 개인 비용 관리 앱을 만들다가 credit을 다 써버린 상황인데 로그아웃 후 다른 이메일로 로그인한 후 기존에 작업중이던 프로젝트를 어떻게 이어서 해야 할까요? 새로운 이메일로 로그인을 하게 되면 처음부터 만들어야 하는걸까요?
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
1-5 Replit에 Devtools 기능은 어디서 보나요?
1-5 수강중입니다. Replit 화면에서 에러코드가 뜨는경우에 확인할 수 있도록 devtools로 확인하라고 하시는데요. UI가 변경된 것인지 뜨지 않습니다. 유사한 형태로 Webview logs 버튼은 있는데 이걸로 봐야하나요?본다면 어떻게 에러코드를 볼수 있을까요?Webview 클릭시 뜨는 화면 캡쳐본 첨부합니다.
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
러버블에서 수파베이스 연동이 아예 사라진것 같습니다.
현재 수강 진도1-3 강의 수강중입니다.구체적인 상황러버블 실습중에 수파베이스 연동이 아니라 러버블 자체 데이터베이스로 연동된것같습니다.설정에 들어가도 연동 리스트에 없는것 같아요시도 해본 것설정에 들어가면 연동가능하다고 해서 들어갔는데 목록에 수파베이스가 없습니다. (클라우드 화면과 설정 화면 캡쳐본 첨부합니다.)이후에 수파베이스 연동으로 강의가 구성된다고 하셨는데 러버블 자체 연동으로 진행해도 수업 따라가는데 지장이 없을까요?ㅠ