묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - 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요소들까지 로드해서 렌더링 시 정상 동작하는지 테스트통합테스트사람이 일일이 눌러가며 테스트어떤식으로 테스트하는지 궁금해서 남겨봅니다감사합니다 😃
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
오타 찾았어요
[2:10] zotai 가 아니고 jotai 인거 같아요.
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
12.1강 강의 노트 vercel.json 누락(?)
강의 하단에 vercel.json 내용이 담긴 노트가 안보이는 것 같은데 누락 된 것이 아닌가 싶어서 Q&A 남깁니다! { "rewrites": [ { "source": "/(.*)", "destination": "/" } ] }
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
10.7강 취소 버튼 렌더링 조건 오류
강의에서 comment-editor.tsx의 취소 버튼을 조건부 렌더링하는 코드를 수정하는 과정에서 아래와 같은 조건을 사용하고 있는데요. 이렇게 되면 props.type === "REPLY"일때만 의도대로 동작하고, props.type === "EDIT"일때는 취소 버튼이 렌더링 되지 않습니다. {props.type === "EDIT" || (props.type === "REPLY" && ( <Button disabled={isPending} variant={"outline"} onClick={() => props.onClose()} > 취소 </Button> ))} 아래와 같이 렌더링 조건 부분을 괄호로 감싸주면 의도대로 동작하도록 수정됩니다! {(props.type === "EDIT" || props.type === "REPLY") && ( <Button disabled={isPending} variant={"outline"} onClick={() => props.onClose()} > 취소 </Button> )}
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
useSignInWithPassword는 왜 mutaitions에 들어가나요?
안녕하세요 좋은강의 감사합니다.로그인의 비동기 관리 함수인 useSignInWithPassword 가 왜 mutations에 속하는지 궁금해서 질문남깁니다.데이터를 전혀 변경하는게 없는 로그인처리인데 왜 mutations에 두셨는지 궁금합니다.
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
input 입력시 리스트 리렌더링 질문입니다.
말그대로 input 입력시 리스트가 리렌더링 되는거로 데브툴에서 보이는데 리스트 리렌더링이 안되게 하려면 어떻게 해야 하나요?일전 한입리액트에서는 contextApI를 사용해서 그런가 생각을 하고 넘어갔었는데 지금도 동일하네요.
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
tailwind css 클래스 네임 오타인가요?
강의 28:25 정도에 컨텐츠 부분 테일윈드 클래스 설정에 오타인지 확인해 주세요.break-words 가 word-break 를 표기한 건 가요?아니면 테일윈드 버전에 따른 클래스 네임 변경인가요?{/* 2-1. 컨텐츠 */} <div className="line-clamp-2 break-words whitespace-pre-wrap"> {post.content} </div>그리고 좋아요 버튼, 댓글 버튼 부분 에서 border-1 도 border 로 수정해야 할 듯 합니다.border 의 1은 단위를 생략하는 것으로 압니다.
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
제공 코드 eslint.config.js 파일 질문
선생님 제공 자료 eslint.config.js 파일에서 아래 코드로 작성되어 있는데 no-explicit-any 규칙이 오타난 걸까요? 강의는 2:40 쯤입니다 "@typescript-eslint/no-explicity-any": "off",
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
중복 회원가입
이미 가입된 이메일로 다시 회원가입 시도하면 강의에서는 400 오류?가 발생하는데 저는 오류는 발생하지 않고 response에서 session 부분만 null 로 오는데 빠진 설정이 있을까요?
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
'쿼리키 관리의 필요성' 도입부 설명에 대한 보충설명 필요
안녕하세요, 선생님. 강의 너무 잘 듣고 있습니다! 강의 수강 중 이해가 되지 않는 부분이 있어 질문남깁니다.질문부분: (4.7) 캐시 데이터 다루기 1 (8:05~)질문내용: "['todos'] 에 대해 쿼리 무효화할 경우 ['todos', id] 쿼리키에 대해서도 불필요하게 리페칭이 수행된다." 부분이 잘 이해가 가질 않습니다. 구글링하고 챗지피티에 물어본 결과, 두 개는 각각 다른 쿼리키 배열로 판정될 거라고 생각했습니다. 따라서 앞선 내용의 '리페칭'은 수행되지 않을 것이라고 예상했습니다.제가 어느 부분을 놓치고 있는지 보충 설명 해주시면 감사하겠습니다:)
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
회원가입 구현 관련 질문
관련 섹션: 42. (6.2) 회원가입 구현하기질문 내용회원가입 요청을 보냈을 때 반환되는 data 객체 안에 user 값은 있는데, session 값이 null입니다.강의에서 알려주신 대로 진행했고, 한 가지 다르게 진행한 부분은 Supabase 이메일 세부옵션에 'Confirm email'이 존재하지 않아 이 부분만 off 처리를 하지 못했습니다.회원가입 요청을 보내면 반드시 data 객체 안에 session값까지 포함되어야 할까요?
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
(3.7)
todo.ts에서 26번째줄에 사진과 같이 뜨는데 왜 이렇게 뜨는지 궁금합니다.
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
섹션 3 퀴즈 5번 문제 해설 관련 질문
안녕하세요.섹션 3 퀴즈에서 5번 문제 관련 질문 드립니다. 질문: persist 미들웨어 사용 시, 액션 함수가 기본적으로 저장되지 않는 이유는 무엇일까요?해설: persist 미들웨어는 상태를 JSON 형태로 저장하기 때문에, JSON으로 직렬화할 수 없는 함수는 저장하지 않아요. 따라서 serialize 옵션으로 상태만 저장하는 것이 좋습니다. 강의에서 serialize가 아닌 partialize로 설명해주셨는데, 이 부분 확인 부탁드립니다.