묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
react-native-fast-image는 react 19 버전에서 설치가 안되나요?
react 19 버전에 대한 관련 이슈도 있더라구요버전을 낮추려고 해도 3년 전 업데이트가 가장 최근 거라서 이것도 아닌 거 같아서.. 강의에서는 잘 설치되는 것 같은데 어떻게 해야할까요? yarn으로 하셨던데 npm으로 하는 것과 차이가 있는 걸까요?아니면 그냥 npm install react-native-fast-image --legacy-peer-deps 를 사용하는 게 나을까요?
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
어플리케이션 테스트
안녕하세요 강사님강의를 열심히 수강하고 있는 학생입니다.백엔드 개발자인데 프론트도 배워볼까 하다가 강사님의 강의가 눈에 들어와 열심히 수강중입니다 😃백엔드에서는 TDD와 같은 방법으로 어플리케이션 테스트를 많이 하는데 이런 리액트 앱같은 경우에는 테스트를 어떻게 하나요?특히 실무에서는 어떻게 테스트 하는지 궁금합니다.tanstack-query같은 로직적인 부분만 테스트UI요소들까지 로드해서 렌더링 시 정상 동작하는지 테스트통합테스트사람이 일일이 눌러가며 테스트어떤식으로 테스트하는지 궁금해서 남겨봅니다감사합니다 😃
-
미해결한 입 크기로 잘라먹는 타입스크립트(TypeScript)
선생님은 어떻게 이런걸 아세요?
저보다 10살이나 어리신데저보다 말도 잘하시고전문적이시고 저를 이해시켜주시고 어떻게 공부하셨어요??????
-
미해결아바타 커뮤니티앱 만들기 (React Native Expo)
iOS 빌드 후 실기기에서 앱 시작
강사님 해결 되었습니다! 글 삭제가 안보이네요..
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
15버전 이후의 (searchParams,Params) Promise타입 명시후 리액트 서스펜스 실습 질문
6.3강의 3분29초~ 쯤의 서스펜스 실습을 위한 async키워드를 제거하는 과정에서 입니다.이전부터 강의를 좀 따라오다가 버전이 많이 업그레이드 되어 5챕터? 쯤이였을까요 params를 이용해 데이터패칭을 해오던때였던거 같습니다만 타입오류가 나서 챗지피티, Q&A등을 보며 Promise타입을 붙여주고 수정하여 첫번째 사진과 같이 사용하고 있었습니다. 6.3강의부터 비동기작업을 수행하지않도록 async 키워드를 제거하기 위해 분리작업도중 일어난 고민입니다. 두번째 사진처럼 수정을 하였습니다만 여기서 Page컴퍼넌트의 async 키워드를 를 뗄수있는가? 에 대해 고민을 좀했는데 챗지피티에게선 async 키워드가 있어도 서스펜스 실습엔 문제가 없다고해서 그냥 두번째 사진과 같이 작성한후에 서스펜스 실습을 따라가면 될지가 의문스러워 질문남깁니다. 추가로 버전업이 많이되어 영상과 다른점을 수정하면서 하고있는데 제가 올바른 방향으로 실습하고 있는지도 조금 궁금합니다!
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - 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> )}
-
미해결한 입 크기로 잘라먹는 Next.js(v15)
22강 SSG 실습할 때에 build를 하려고하니 img 태그때문인지 에러가 납니다
사용되지 않은 props나 img태그로인해 에러문구가 뜨면서 빌드가 되지 않는데코드를 봐도 정환님 강의에서도 img 태그를 그대로 쓰고계신데 왜 저는 에러가 나는걸까요? 추가적으로 eslint 경고가 있으면 빌드가 안되는 것으로 알고있는데 어떻게 빌드해야하나요?
-
해결됨한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편
useSignInWithPassword는 왜 mutaitions에 들어가나요?
안녕하세요 좋은강의 감사합니다.로그인의 비동기 관리 함수인 useSignInWithPassword 가 왜 mutations에 속하는지 궁금해서 질문남깁니다.데이터를 전혀 변경하는게 없는 로그인처리인데 왜 mutations에 두셨는지 궁금합니다.
-
미해결React Native with Expo: 제로초에게 제대로 배우기
알림 수신 상태 변경
제로초님 안녕하세요! 유저가 알림 허용을 해서 granted 상태가 되고 백엔드 서버에 pushToken까지 보내놓은 상태에서, 유저가 알림을 다시 off 했을때, 서버에서도 알림 상태를 off로 만들려면 이 상태를 DB에 저장해놨던 pushToken을 삭제하는 방식으로 관리하나요??
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - 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은 단위를 생략하는 것으로 압니다.
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
SQL Shell의 역할이 무엇인가요?
강의에서 비밀번호 입력하는 SQL Shell은 무슨 역할을 하는 건가요?SQL Shell을 켜서 비밀번호 입력을 하는데 이렇게 비밀번호까지 입력을 함으로써 어떤 일이 일어나는 건가요??해당 부분을 생략하면 어떤 일이 생기는 건가요그리고 매번 서버를 킬 때 SQL Shell도 켜야하는 건가요? 안키고도 서버 동작은 잘 됩니다!
-
미해결아바타 커뮤니티앱 만들기 (React Native Expo)
[5-2] 글 목록 무한스크롤 구현하기 with InfiniteQuery 10:40/ useScrollTop(ref) 사용관련
18번째 줄에서 useEffect 같은 훅에서 호출한 게 아닌데 useScrollToTop()은 어떻게 트리거되어 동작하는지 궁금합니다. 6번째 줄에서 useScrollToTop() 훅은 "@react-navigation/native"에서 가져오고 있는데, "expo-router"와 같이 사용해도 되나요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
eas build:configure 안되는데, "git"이 반드시 설치되어 있어야 하나요?
eas build:configure 안되는데, "git"이 반드시 설치되어 있어야 하나요?
-
미해결한 입 크기로 잘라먹는 실전 프로젝트 - 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값까지 포함되어야 할까요?