묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
network 탭 리퀘스트 관련 질문
(네트워크 필터 설정을 잘못했던 게 문제였습니다.😂 감사합니다.)안녕하세요, 이정환 강사님.강의 잘 듣고 있습니다. (6.10) 비밀번호 재설정 구현 강의에서,인증 메일 주소를 복사해서 붙여넣기 하니까 Network 탭에 해당 리퀘스트만 들어오고 'verify~'로 시작하는 리퀘스트는 없더라구요.링크에 접속했을 때 리디렉션은 잘 됩니다.200 ok인 걸로 봐서 정상 작동하는 것 같긴 한데, 문제가 있는 걸까요? 감사합니다.
-
해결됨Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)
vsCode 대신 커서를 사용
커서를 사용해도 플러그인 모두 동일하게 사용 가능한지요?
-
해결됨Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)
mac 터미널 설정이 궁금합니다
사용하시는 터미널이랑, 테마, 플러그인 어떤것을 사용하시는지 궁금합니다
-
미해결[플러터플로우] 실전! 앱 출시를 위한 끝장 노하우!
화면이 나오지 않네요
소리는 나오는데 화면이 전혀 안나오세요 강이는 애플앱스토어 배포하기 입니다.. 마우스를 아래 로가 미리보기를 보면 미리보기 화면에는 영상이 있는것 같아 보이는데..
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
여러 사진 중 일부 사진의 허용 사이즈 초과로 실패한 경우에 대해
안녕하세요 정환님! 항상 강의 감사한 마음으로 잘 듣고 있습니다. 이번 이미지 업로드 구현하기2 강의를 끝까지 듣고 따라하던중 스토리지에 이미지 업로드 병렬로 요청 시 제가 업로드 시도한 이미지 4장 중 1장이 허용 사이즈 초과로 스토리지 업로드 요청이 실패 했었는데요, 당연히 이미지 업로드 실패로 await deletePost(post.id);가 호출되 post.id를 받기위해 먼저 생성한 포스트가 삭제되어 포스트 자체가 안된것처럼 동작했습니다. 근데 storage에서는 업로드 요청이 실패된 이미지를 제외하고 나머지 3장의 이미지가 저장이 되어있더라고요!간단하게 4장 병렬 이미지 업로드 요청 > 3장 성공 1장 실패 > 이미지 업로드 일부 실패로 포스트 삭제 > storage에는 성공한 3장의 이미지만 존재, 포스트는 없음 이 상태여서 혼자 찾아봐서 추가해봤는데 맞는지도 궁금하고 맞다면 다른 분들도 비슷한 상황에서 도움이 될까 싶어 올립니다!!images.ts 파일에 스토리지에서 이미지 삭제하는 비동기 요청 함수export async function deleteImages(filePath: string[]) { const { data, error } = await supabase.storage .from(BUCKET_NAME) .remove(filePath); if (error) throw error; return data; } post.ts > createPostWithImages 함수 에서 try, catch문 밖에 업로드전 생성한 filePath 저장할 배열 값을 갖는 변수 선언 const uploadedFilePaths: string[] = []; const imageUrls = await Promise.all( images.map((image) => { const fileExtension = image.name.split(".").pop() || "webp"; const fileName = `${Date.now()}-${crypto.randomUUID()}.${fileExtension}`; const filePath = `${userId}/${post.id}/${fileName}`; uploadedFilePaths.push(filePath); return uploadImage({ file: image, filePath, }); }), );uploadImage 리턴 전에 생성한 filePath값 저장catch문에서if (uploadedFilePaths.length > 0) { await deleteImages(uploadedFilePaths); }조건문 추가 최종 결과병렬 요청중 일부의 요청이 파일의 크기 초과 등으로 실패하면throw error > await deletePost(post.id); if (uploadedFilePaths.length > 0) { await deleteImages(uploadedFilePaths); } throw error;포스트 삭제, 스토리지 이미지 삭제글을 잘 못써서 가독성이 떨어지는 부분은 양해부탁드립니다..
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
회원가입, 로그인 요청 시 400 에러
안녕하세요강의 열심히 듣고 있는데 회원가입, 로그인 성공하고 요청 보낼 때 요청이 잘 들어왔다가 한 0.5초 뒤에 400에러로 바뀝니다.코드는 모든 부분이 똑같은데 혹시 왜 이러는걸까요??의심가는 행동은 section05를 다 듣고 section06 폴더를 만들고 section05에서 사용한 파일을 그대로 복사하여 사용 중인데, 이 부분에서 문제가 있을까요?
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
Supabase 외 다른방법
안녕하세요. 강의 듣다 질문 드리는데요강의에서는 supabase를 사용하는데요 그러면 supabase가 아닌 다른 DB(Mysql, PostgreSQL 등) 를 사용한다면 auth.ts 는 다른 방식으로 사용을 해야 되나요? 아니면 별도의 인증 라이브러리가 있을까요?
-
미해결비전공자 혼자서 하루 만에 수익화 앱 출시하기
개인사업자 조직계정 등록에 관하여
선생님 안녕하세요 개인사업자로 duns를 발급받아 조직계정으로 계정을 생성을 하면 테스트없이 앱출시가 가능한걸로 알고 있는데 여기저기 확인해보니 인앱결제, 구독 서비스 같은 경우는 문제가 될 확률이 매우높고(개인사업자가 조직계정을 생성하였기때문에), 하지만 애드몹 광고 수익은 문제가 되지 않을거라는 말이 있는데 어떻게 생각하시는지 궁금합니다. 이것도 약간으 꼼수가 되는건지 여기서 꼼수라하는것은 조직계정을 발급을 통한 테스트 패스입니다.
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
수업 자료 없나요?
전 강의들은 PDF으로 있었는데이번에는 수업자료가 없는거 같은데 맞나요?ㅠ
-
해결됨[플러터플로우] 실전! 앱 출시를 위한 끝장 노하우!
text overflow 관련 문의
테스트 오버플로어 상황이.. 강의 내용과 다르게 화면이 좀 다르게 나오는데.. 버전 차이인가요?
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
11강 수업자료가 수업영상입니다.
안녕하세요.11강 수업자료를 다운로드 받아보니 해당 수업영상입니다. 괜찮을까요?
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
프로필 수정시 포스트변경
프로필 수정시 자신이 작성한 PostItem 의 이미지, 닉네임도 같이 변경이 되어져야 하지 않을까요? 새로고침해야 변경이 되어성., 프로필 버튼은 잘 변경이 됩니다.
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
hooks 파일 분리 질문 드립니다.
안녕하세요, 강의 잘 보고 있습니다. 저는 1년 차 백엔드 개발자 입니다. 미니 프로젝트에 프론트로 투입이 되어 zustand와 tanstack 학습을 위해 강의를 듣게되었습니다.선생님께서 hook을 작성하실 때 함수를 각각 별도 파일로 분리하는 방식으로 진행하셨는데, 실무에서도 보통 함수마다 파일을 나누는 방식으로 진행하나요? 아니면 도메인 단위로 묶어서 하나의 파일안에 관련함수들을 관리하시는지 궁금합니다. 선생님 강의 덕분에 쉽고 재밌게 학습하고 있습니다. 감사합니다 : )
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
소셜 로그인 질문
(6. 5) 소셜 로그인 구현하기 부분 보고 질문 드립니다. 현재는 사전에 자신 Github의 OAuth 정보를 입력해야 로그인 되는 것으로 보입니다.혹시 이 정보를 사전에 등록하지 않고, github 로그인 버튼을 눌렀을 때, 아이디 비밀번호를 입력해, 그 때 인증을 유도하는 방법은 없나요??각기 다른 사용자들이 이 정보를 매번 등록할 수는 없지 않을까 싶어서 그렇습니다 !
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
타입스크립트 버전 선택 안되시는분
7:33 초 타입스크립트 버전 선택 ctrl + shift + p 입력후select type 로 하면 검색 결과가 안나오고TypeScript: Select 검색해야버전선택이 가능하니 안되시는분 참고하시길.. 처음 하는 분들은 안되고한번 검색한 적이 있는경우최근에 사용한 항목으로 검색이되는듯하네요..
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
tsconfig.app.json에서 에러발생
안녕하세요 선생님이 shadcn을 설치하고 있는데요 tsconfig.app.json에서 위와 같은 에러가 발생합니다.혹시 몰라서 선생님이 올려두신 자료로 해봤지만 똑같네요...그냥 "ignoreDeprecations": "6.0" 이걸 추가할까요?
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
useSignInWithPassword에 넘기는 콜백 VS mutate의 두번째 인자 사용
안녕하세요, 선생님. 강의 잘 듣고 있습니다:)먼저 클린코드 작성 방법까지 알려주시면서 생각없이 따라 치지 않게 해주셔서 감사합니다.이번 챕터에서 useSignInWithPassword 에 넘기는 콜백을 통해 성공, 에러 등의 처리를 진행하셨습니다. 이걸 보고 이전에 진행했던 프로젝트 리팩토링 부분이 생각나서 잠시 보고왔는데, 당시에는 mutate 함수에서 자체적으로 제공하는 두번째 인자로 콜백을 넘겨주는 기능을 활용했더라구요.mutate: (variables: TVariables, { onSuccess, onSettled, onError }) => void선생님이 알려주신 방식과 이 방식의 차이점을 알고 싶습니다. 그리고 차이가 없다면 어떤 방식이 조금 더 효율적일지 선생님 의견이 궁금합니다.이 방식을 사용했을 때 콜백 타입 정의는 제대로 이루어집니다. 다만, 이렇게 하면 협업 시 코드 스타일 통일이 안될 것 같다는 생각이 들긴 합니다. 읽어주셔서 감사합니다.
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
lovable cloud 에서 카카오 로그인이 지원이 안됩니다.
[진도] 실용적인 도구 만들기 1: 개인 비용 관리 앱 (Supabase, 로그인 기능)[질문]강의에서는 supabase 를 사용해서 카카오 로그인을 추가 했으나현재 lovable 에서는 업데이트가 되어서ai 로 명령시 supabase 를 추가로 연결 하지 않고 자동 Lovable Cloud 기능을 탑재합니다. 이경우카카오 기능 추가를 명령하면 아래와 같이 지원이 안된다고 나옵니다. 그럼 supabase 추가로 연결 해야하나요? 카카오 로그인은 Lovable Cloud에서 기본 지원하지 않습니다. 현재 사용 가능한 소셜 로그인은 다음과 같습니다:지원되는 소셜 로그인:Google ✅ (현재 활성화됨)GitHubFacebookAppleDiscordTwitterSlackSpotify카카오 로그인을 원하시면 커스텀 OAuth 구현이나 카카오 REST API를 직접 연동해야 하는데, 이는 복잡한 작업입니다.추천 방안:구글 로그인 사용 (대부분의 한국 사용자가 구글 계정 보유)이메일/비밀번호 로그인 사용카카오 로그인은 Lovable Cloud에서 기본 지원하지 않습니다. 현재 사용 가능한 소셜 로그인은 다음과 같습니다:지원되는 소셜 로그인:Google ✅ (현재 활성화됨)GitHubFacebookAppleDiscordTwitterSlackSpotify카카오 로그인을 원하시면 커스텀 OAuth 구현이나 카카오 REST API를 직접 연동해야 하는데, 이는 복잡한 작업입니다.추천 방안:구글 로그인 사용 (대부분의 한국 사용자가 구글 계정 보유)이메일/비밀번호 로그인 사용
-
해결됨비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
Google Search Console에 Sitemaps
Google Search Console에 Sitemaps로 이동하여 sitemap.xml, rss.xml, robots.txt를 제출하였습니다.robots.txt는 오류 발생, rss.xml, sitemap.xml은 가져올 수 없음 이라는 상태가 발생하였는데GPT나 Cursor에게도 물어봤는데 같은 에러 발생하였습니다.어떻게 해결하면 될까요?네이버 서치 어드바이저에는 등록을 완료하였는데 특이사항은 없습니다.
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
어플리케이션 테스트
안녕하세요 강사님강의를 열심히 수강하고 있는 학생입니다.백엔드 개발자인데 프론트도 배워볼까 하다가 강사님의 강의가 눈에 들어와 열심히 수강중입니다 😃백엔드에서는 TDD와 같은 방법으로 어플리케이션 테스트를 많이 하는데 이런 리액트 앱같은 경우에는 테스트를 어떻게 하나요?특히 실무에서는 어떻게 테스트 하는지 궁금합니다.tanstack-query같은 로직적인 부분만 테스트UI요소들까지 로드해서 렌더링 시 정상 동작하는지 테스트통합테스트사람이 일일이 눌러가며 테스트어떤식으로 테스트하는지 궁금해서 남겨봅니다감사합니다 😃