묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨한 입 크기로 잘라먹는 타입스크립트(TypeScript)
TS 질문 ) 분산적인 조건부 타입
extends 양옆에 [] 대괄호를 씌어줌으로서 분산을 방지할 수 있는 것은 이해했으나 그 과정의 내용이 이해가 안되네요 ㅜㅜ 그냥 number, 거짓이 왜되며, | 유니온 타입 얘기를 하다 왜 갑자기 합집합 내용이 나오는지 모르겠습니다 ㅠㅠ 제가 이해력이 부족해 계속 질문하게 되네요 ㅜㅜ 늘 감사합니다 강사님
-
미해결시나브로 자바스크립트
번들러를 꼭 사용해야하나요?
안녕하세요!저는 리액트 컴포넌트 라이브러리를 도전해보고 있습니다. 대부분은 Rollup, Microbundle 등의 번들러를 활용한다는 것을 알게 되었습니다. 그런데 조사해보니 굳이 번들러 없이도 컴포넌트 라이브러리를 만들 수 있다는 것을 알게 되었습니다.tsc 컴파일을 통해 TypeScript 환경과 JavaScript 환경 둘 다 지원하는 라이브러리를 만들었고, 샘플 프로젝트에서 설치해본 결과 잘 작동합니다.이런 상황에서 번들러가 왜 필요한지 잘 모르겠습니다.번들러의 역할에 대해서는 알고 있습니다. 폴리필을 제공하기도 하고, 하나의 자바스크립트 파일로 만들어서 네트워크 요청 횟수를 줄여주기도 하지요.하지만, 이 번들러를 컴포넌트 라이브러리에 꼭 사용해야 하는지 궁금합니다. 제가 만든 이 컴포넌트 라이브러리를 배포하고, 한 샘플 프로젝트에서 이 라이브러리를 npm install 했다고 가정해보겠습니다. 이 프로젝트는 Vite를 번들러로 사용하고 있습니다. 결국 배포할 때 번들링을 하게 될 텐데, 그러면 컴포넌트 라이브러리도 자동으로 함께 번들링에 포함되지 않나요? 어차피 프로젝트에서 번들링 될 건데, 미리 번들링할 필요가 있을까요?
-
미해결이미지 관리 풀스택(feat. Node.js, React, MongoDB, AWS)
강의에 사용된 코드 다운 받는 사이트 주소 있나요?
강의에 사용된 코드 다운 받는 사이트 주소 있나요?
-
미해결Python 입문자를 위한 강의
jupyer notebook 실행하고 new를 클릭하였으나 pyhon3이 안보입니다
jupyer notebook 실행하고 new를 클릭하였으나 pyhon3이 안보입니다
-
미해결Next + React Query로 SNS 서비스 만들기
react-query의 useSuspense.. 사용 시 클라이언트에서 suspense가 동작을 하지 않습니다.
안녕하세요. 강사님예제를 보고 하던 중 suspense 가 동작하지 않아 질문드립니다.처음 예시로 알려주신 react-query의 isPending 을 사용한 로딩처리는 잘 동작하지만 마지막에 알려주신 useSuspense(useSuspenseInfiniteQuery, useSuspenseQuery)들을 사용하는 경우 동작하지 않네요..*팔로우 중 을 선택해도 suspense에 설정한 로딩 컴포넌트가 나오지 않고 딜레이된 시간(5초) 후 데이터가 보여집니다. 로딩 컴포넌트도 회전하지 않고 멈춰있습니다.어떤부분을 봐야할까요?ㅠㅠ반대로 이런 증상을 경험하니 이전 데이터가 먼저 보여진 후 5초 뒤에 최신 데이터로 보여지므로 사용자가 잘 못된 데이터를 표시 할 수 있다는걸 배울 수 있었습니다.😎소스코드const HomePage = async () => { return ( <HomeContextProvider> <HomeTopTab /> <WriteForm /> <Suspense fallback={<Loader />}> <TabDividerSuspense /> </Suspense> </HomeContextProvider> ); };const TabDividerSuspense = async () => { const queryClient = new QueryClient(); await queryClient.prefetchInfiniteQuery({ queryKey: ["tweet", "recommends"], queryFn: getPostRecommends, initialPageParam: 0, }); const dehydratedState = dehydrate(queryClient); return ( <HydrationBoundary state={dehydratedState}> <TabDivider /> </HydrationBoundary> ); };const TabDivider = () => { const { tab } = useContext(HomeContext); return tab === "recommended" ? <TweetList /> : <FollowingList />; };const TweetList = () => { const { ref, inView } = useInView(); const { data, fetchNextPage, hasNextPage, isFetching, isPending } = useSuspenseInfiniteQuery< Post[], object, InfiniteData<Post[]>, [string, string], number >({ queryKey: ["tweet", "recommends"], queryFn: getPostRecommends, initialPageParam: 0, getNextPageParam: (lastPage) => lastPage.at(-1)?.postId, }); useEffect(() => { if (inView) { !isFetching && hasNextPage && fetchNextPage(); } }, [fetchNextPage, hasNextPage, inView, isFetching]); const tweets = useMemo(() => { if (data) { return data.pages.flat(); } }, [data]); return ( <> {tweets?.map((tweet) => ( <Tweet post={tweet} key={tweet.postId} /> ))} {isPending && <Loader />} <div ref={ref} /> </> ); };추가 질문빌드 후 네트워크 탭에서 home을 확인해보면 post 글 들이 모두 html로 변환되어 내려 오고 있습니다!(dev에서는 템플릿?으로 표현되더라고요)저는 html이 아닌 데이터 형태로 내려와 useQuery로 해당 키로 접근해서 그냥 데이터를 가져올 줄 알았는데..그게 아닌가보네요.혹시 좀 더 자세히 설명 좀 부탁드려도 될까요?ㅠ그리고 home의 미리보기 탭에서는 post글들이 아닌 로딩 컴포넌트가 보입니다. (위의 사진에 응답 탭에서는 post글 들이 존재하고요)로딩 컴포넌트가 보이는 이유는 하이드레이션이 처리되기 전이라 그런게 맞나요? 지금 자료를 다시 찾으려니 못 찾고 있는데.. suspense를 사용할 경우 완성된 화면이 아닌 로딩화면을 먼저 내려주므로 seo에는 나쁠 수 있다라는 글을 본적이 있던 것 같은데..맞을까요?*SEO 관련해서 추가로 궁금한건 강의가 따로 있다고 영상에서 말씀하셔서 거기까지 보고 필요할 경우 질문 한번 더 드리겠습니다.👍
-
해결됨직장인에게 꼭 필요한 파이썬-아래아한글 자동화 레시피
현재 커서가 속한 페이지를 얻을 수 있는 방법
안녕하세요. 작업을 하다보니, 현재 커서가 속한 페이지를 얻어야 하는 경우가 있는데요. 관련강의로는 짝수페이지만 삭제하기 이쪽을 봤는데,전체페이지를 반환하는 것은 있는데,속한 페이지를 반환하게 하는 경우는 못찾겠습니다 ㅠ.ㅠ 관련 명령어가 있을까요 그리고 Hwp Ctrl API 도 자주 참조를 하시던데,제가 강의에서 받은 API는 ActionObjectHwpAutomationParameterSetObject이렇게 3개밖에 없어서요!혹시 다른 API파일들은 어디서 받을수있을까요?
-
미해결게임처럼 공부하는 git 던전
브렌치와 머지 질문입니다.
오른쪽이 제화면이고 왼쪽이 선생님화면입니다.현재상황: 기본명령어 commit, push, pull 1강부터 들으면서 example01 브렌치를 만들고 난후 pull하고 pr을 안한상태로 2강으로 넘어와 mable과 tree브렌치를 만들었습니다. 그리고 marge를 example01 into main을 눌렀더니 위와 같이 화면이 동그라미가 안생겼는데요. 머쥐를 취소 하기 위해 위와 같은 명령어를 썼는데도 안되서요. 혹시 선생님 화면처럼 동그라미를 만들기 위해서 어떻게 해야 하나요? mable브렌치로 퀘스트 실행했는데 현재 깃을 보면 아무것도 안나와서요.깃주소는 : https://github.com/raikeni/test44 입니다.
-
미해결
Android apk 카카오 로그인 오류
안녕하세요.카카오 소셜 로그인을 구현하고 디버그 환경에서는 잘 작동하지만 release apk를 추출하여 실행해보면 카카오 로그인이 실행되지 않습니다. 해당 release 키에 대한 해시 값도 카카오에 등록해놨지만 여전히 동작하지 않습니다.사진에서 보이다시피 이 화면에서 다음 화면으로 넘어가지 않습니다. 혹시 왜 이런지 아시나요 ??
-
해결됨장래쌤과 함께하는 쉽고 재미있는 SQL 이야기
regexp like 에 특정 특수기호 포함
안녕하세요 강사님! 컬럼에 특수기호 중 + (플러스) 문자가 포함된 값을 찾으려고하는데요 정규식에 해당 기호를 쓰면 오류가 발생하는데 어떻게 해당 문자만 골라 뽑을 수 있을지 질문드립니다 .
-
미해결[NarP Series] MVC 프레임워크는 내 손에 [나프1탄]
34강 질문 있습니다!
else {일치하는 회원이 없습니다.}이 부분에서 리스트에서 클릭해서 들어오니까일치하는 회원이 없을 수가 없는 거 같은데 맞나요?!
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
defaultProps 사용이 이제 불가해진다고 경고문이 왔습니다
내용을 찾아보니 defaultProps에 대한 지원은 향후 주요 릴리스의 함수 구성 요소에서 제거될 예정이고, 대신 JavaScript 기본 매개변수를 사용하세요. 라고 나와있는데defaultProps 를 사용하지 않으면 기본값은 어떻게 설정해야 할까요??
-
미해결mongoDB 기초부터 실무까지(feat. Node.js)
Schemaless 특성을 재생시 검은화면이 나와요
Schemaless 특성을 재생시 검은화면이 나와요 새로고침해도 같은 현상이 나오네요 ㅠ
-
미해결자바 기초부터 마스터하기 with 은종쌤 (Do it 자바 프로그래밍 입문) - Part 2(마스터편)
이진 탐색 문제 질문드립니다
이진 탐색 문제에서, 자바의 TreeSet이 레드-블랙 트리 알고리즘으로 구현된걸로 알고있는데, 그냥 TreeSet을 생성해서 값을 넣고 contains로 검색하면 되는거랑 선생님이 직접 코드로 푼거랑 뭐가 다른걸까요??
-
해결됨[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
AddPostScreen 부분에서 useEffect 의존성 배열 관련해서 질문있습니다!
강의를 보다가 해당 useEffect 의존성 배열 부분에 빈 배열을 넣어야 한다고 생각해서 넣었었는데 이러면 등록 버튼 눌렀을 때 에러가 뜹니다.그러다가 어쩔 때는 등록이 되기도 하네요 왜 이럴까요? 혹시 오타나 제가 잘못 작성한 부분이 있는걸까요?등록 눌러도 응답이 없길래 onError이용해서 찍어보니위 사진과 같이 계속 400 에러가 뜨고 있었어요 그래서 의존성 부분에 빈배열 빼고 강의에서 작성해주신 것처럼 아무것도 안넣었더니 정상적으로 작동했습니다!저와 비슷한 생각으로 의존성 관련 질문 주신분 있어서 답변 보니 빈배열 넣어야 한다고 하셨는데 전 왜 에러가 뜰까요? 스스로 해결해 보려다가 아직 부족한게 많아서 글 작성해봅니다! 코드도 같이 첨부합니당https://github.com/HYEJUNGYANG/Matzip
-
미해결AWS Certified Solutions Architect - Associate 자격증 준비하기
강의연장 부탁드립니다
불합해버렸음니다..
-
해결됨[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
작업형 2 csv파일 제출
안녕하세요 강사님 갑자기 작업형 2유형 csv 파일 제출할때 혼동이 생겨 질문합니다다름이 아니라 시험환경 문제 풀이중 roc_acu로 평가 한다고 되어 있어 predict_proba로 예측값을 뽑아 제출하면 된다고 생각했지만 csv 제출 파일 예시에는 이렇게 나와있어 이런 경우에는 predict으로 예측값을 뽑아 제출하는건가 하여 혼동이 와 질문드립니다
-
해결됨[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
[7회 작업형3 문제1-3] target을 test에서 pop하는 이유를 잘 모르겠습니다
model = logit('gender ~ weight', data=train).fit() target = test.pop('gender') target = test.pop('gender') <- 이 부분에서 왜 target을 test에서 pop하는지 잘 모르겠습니다.
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
map을 이용한 EmotionItem 렌더링 질문
강의 14:00 쯤에 작성하신 map 함수를 이용한 EmotionItem 렌더링 파트에 질문이 있습니다. 강의에서는 아래처럼 작성하셨는데emotionList.map((item) => { <EmotionItem key={item.emotionId} {...item} /> });저는 map 내부 콜백함수에서 return 을 붙이지 않으면 화면에 렌더링 되지 않더라구요. 특별히 다른 이유가 있을까요?
-
해결됨[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
결측치 채우기/ 삭제
빅분기 시험 볼때, 결측치 채우기/ 삭제에 대해서, 정리하면,결측치 채우기 : train, test data 모두 적용결측치 삭제 : train data 가능/ test data 불가능 (컬럼은 가능하나 train, test 데이트의 행(개수) 일치시켜야 함이렇게 이해한 것이 맞을까요? ^^;;
-
미해결10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
dfs 참조 관련 질문이 있습니다.
http://boj.kr/00157dd8760445ee824ec29f0029de12안녕하세요 선생님 좋은 강의 감사합니다. dfs함수에 매개변수로 v를 참조를 명시하는 이유가 궁금합니다. 저는 매개변수에 v를 넘기지 않고 풀었는데 (v를 전역변수로 설정해서) 답안지에는 v가 매개 변수로 넘어가서 궁금합니다. 감사합니다.