inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

RQProvider 하위의 컨포넌트는 모두 Client component인가요?

해결됨

Next + React Query로 SNS 서비스 만들기

"use client"; 하위의 컴포넌트는 Client로 랜더링 된다고 하신거 같은데, QueryClientProvider가 client에서 랜더링 되는건 아닌가요? 해당 파일을 가보니 'use client'를 사용하고 있어서요. <QueryClientProvider></QueryClientProvider>로 감싸도 그 하위에 컴포넌트들이 SSR가 되는지 궁금합니다. 'use client' import * as React from 'react' import type { QueryClient } from '@tanstack/query-core' export const QueryClientContext = React.createContext<QueryClient | undefined>( undefined, ) export const useQueryClient = (queryClient?: QueryClient) => { const client = React.useContext(QueryClientContext) if (queryClient) { return queryClient } if (!client) { throw new Error('No QueryClient set, use QueryClientProvider to set one') } return client } export type QueryClientProviderProps = { client: QueryClient children?: React.ReactNode } export const QueryClientProvider = ({ client, children, }: QueryClientProviderProps): React.JSX.Element => { React.useEffect(() => { client.mount() return () => { client.unmount() } }, [client]) return ( <QueryClientContext.Provider value={client}> {children} </QueryClientContext.Provider> ) }

  • react
  • next.js
  • react-query
  • next-auth
  • msw
Chris Joo 댓글 1 좋아요 0 조회수 271

Chapter 4-1(예수금 조회).py 실행 오류

해결됨

챗GPT와 파이썬으로 주식 자동매매 앱 및 웹 투자 리포트 만들기

4장 Chapter 4-1(예수금 조회).py 실행하면 더 이상 진행되지 않습니다. 1) 코드 실행, 고객ID, 비밀번호 입력 2) 다음 팝업 화면 생성, 계좌비밀번호 입력창 생성되지 않고, 코드에 계좌비밀번호를 입력해도 동일합니다. 3) 더 이상 진행이 되지 않습니다.

  • python
  • 재테크
  • streamlit
  • chatgpt
  • 프롬프트엔지니어링
jwbaek4 댓글 1 좋아요 0 조회수 344

질문이 있습니다.

미해결

파이썬/장고로 웹채팅 서비스 만들기 (Feat. Channels) - 기본편

강사님 안녕하세요. 강의를 보다보면 배워야할 점이 많이 보입니다. - 채팅방 그룹 이름을 만들 때 staticmethod 장식자를 활용한다던지 - 해당 강의에서 Room 모델 안에서 다른 필드와 섞이는 것을 방지하기 위해 별도의 추상화 클래스를 만든다던지 파이썬의 고급 기술? 이라고 해야할까요? 이런 걸 잘 사용하려면 결국엔 의식적으로 사용하려고 하고 연습해야 할거 같은데 추천하시는 강의나 서적이 있을까요?

  • python
  • django
  • django-channels
boombomi8133 댓글 1 좋아요 0 조회수 177

Next.js Part 2 - Server Action, Metadata

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

안녕하세요 ~ 해당 강의 8:26 즘에 http://localhost:3000/users 검색했을때 저는 타입에러가 뜨면서 강좌에서 처럼 결과가 검색이 안되는데 어떻게 해야 할까요 ?

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
Lia 댓글 1 좋아요 1 조회수 341

비교연산자와 반복문+조건문 문제 풀이

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

11:00 문제에서 count += i; 이게 2의배수이면서 3의배수가 아닌 값일 떄에 count 와 i 값을 더해주면 되는건가요?? 비전공자라서 설명이 너무 부족합니다 ㅠㅠ

  • python
  • java
  • c
  • 정보처리기사
ㅊㅌㅎ 댓글 1 좋아요 0 조회수 227

connect.sid 삭제가 되지 않습니다.

해결됨

Next + React Query로 SNS 서비스 만들기

개별적으로 서버를 만들어서 진행중입니다. // 로그인시 서버에서 발급하는 코드 response.cookie('connect.sid', accessToken, { httpOnly: true, sameSite: 'none', secure: false, }); // 프론트에서 아래와 같이 저장 if (res.ok && res.status === 204) { let setCookie = res.headers.get("set-cookie"); if (setCookie) { const parsed = cookie.parse(setCookie); cookies().set("connect.sid", parsed["connect.sid"]); const user = jwtDecode(parsed["connect.sid"]); return { ...user, }; } } // 서버에서 삭제하는 코드 logout(request: any, response: Response) { const { user } = request; response.clearCookie('connect.sid', { httpOnly: true, sameSite: 'none', secure: false, }); ... } 로그인 하면 서버에서 쿠키 설정 -> 프론트에서 저장을 진행한 후, 로그아웃시 위 코드처럼 삭제하도록 하고있습니다. 강의 하단부에 작성해주신것 처럼 아래와 같이 events부분에 작성하였는데 쿠키 삭제가 되지 않습니다 ㅠㅠ events에 넣지 않고 강의 그대로 했을 때는 s%3..으로 바뀌어서 삭제되지 않습니다. events에 넣었을때는 아예 값도 바뀌지 않고 삭제되지 않습니다. 어떤 작업이 필요할까요 ㅠㅠ //auth.ts events: { signOut: async (data) => { const token = cookies().get("connect.sid"); if (!token) return; const res = await logout(token.value); console.log("signOut"); }, }, // logout fetch export const logout = async (token: string) => { const res = await fetch(`${BASE_URL}/logout`, { method: "POST", headers: { Authorization: `Bearer ${token}`, }, credentials: "include", }); return res; };

  • react
  • next.js
  • react-query
  • next-auth
  • msw
성민최 댓글 3 좋아요 0 조회수 395

BOJ 9251

해결됨

세계 대회 진출자가 알려주는 코딩테스트 A to Z (with Python)

안녕하세요 강의 잘 듣고 열심히 따라가고 있습니다. ㅎㅎ Dynamic Programing 강의를 듣는 도중 궁금한점이 있어 질문 드립니다. 백준 9251문제는 Longest Common Subsequence를 구하는 문제인데 강의 내용에서 3가지 접근법인 브루트포스, 그리디, DP 순으로 설명해주시고 똑같이 따라하려고 노력하고 있습니다. 2가지 질문사항이 있습니다. 제가 생각해본 풀이가 브루트포스, 그리디, DP중 어느 풀이에 속하는지 궁금 합니다. 제가 생각해낸 풀이 Dictionary를 활용하여 LCS를 구하는 방법인데요. S1에 문자가 나온 횟수를 Dictionary로 저장하고 S2에 문자가 중복해서 나온 횟수를 빼주어 0이 되는 문자의 개수를 세는 방법입니다. 또한 이 방법으로는 백준 통과가 안되구요. 왜 안되는지 궁금합니다. 코드는 아래와 같이 작성하였습니다. s1 = list ( input ()) s2 = list ( input ()) #print(s1,s2) dicts = dict () for i in s1 : if i not in dicts : dicts [ i ] = 1 else : dicts [ i ] += 1 common = [] for j in s2 : if j in dicts : dicts [ j ] -= 1 if dicts [ j ] == 0 : common . append ( j ) print ( len ( common )) 감사합니다.

  • python
  • 코딩-테스트
  • 알고리즘
승환 김 댓글 1 좋아요 0 조회수 152

types.ts 생성 오류

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

필요한 요소들 다 설치 되어있고, 오타없이 작성했는데도 Unable to find template plugin matching '-typescript' 오류와 함께 types.ts가 생성이 안됩니다. 혹시나해서 >yarn add -D @graphql-codegen/typescript 다시 설치했지만 같은 오류가 뜹니다. >@graphql-codegen/typescript-plugin 도 설치해봤는데 아래와 같은 오류로 설치가 안되네요

  • react
  • node.js
  • seo
  • graphql
  • next.js
호롤롤로 댓글 2 좋아요 0 조회수 228

섹션2. 브루트 포스[문제 풀이] : BOJ1182. 시간복잡도 100만 vs 1억

해결됨

세계 대회 진출자가 알려주는 코딩테스트 A to Z (with Python)

안녕하세요, 강의 감사합니다. 섹션2. 브루트 포스[문제 풀이] : BOJ1182 에 질문이 있습니다. 부분수열의 수가 100만이고 1억 보다 작아서 브루트 포스로 풀 수 있다고 하셨는데, 보통 경우의 수가 1억 미만 인지를 그러면 확인 하면 될까요?? 1억을 선택하신 기준이 궁금합니다. 1000만은 가능한가요?

  • python
  • 코딩-테스트
  • 알고리즘
광전사 댓글 1 좋아요 0 조회수 250

섹션 1 switch-case문 기출문제-1 질문

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

안녕하세요. 맨 처음에 제가 혼자 풀었을 때는 정답이 DDBCD로 나왔습니다. 제가 풀이를 이런 과정으로 했는데요. 1) n의 0번 인덱스에 있는 73을 sum에 가산 -> 73/30=2 -> default에 있는 "D" 출력 2) n의 1번 인덱스에 있는 95를 sum에 가산 -> 168/30=5 -> default에 있는 "D" 출력 3) n의 2번 인덱스에 있는 82를 sum에 가산 -> 250/3=8 -> case 8부터 default까지의 "BCD" 출력 제 풀이대로 되지 않는 이유가 for문의 중괄호가 switch case문을 감싸고 있지 않아서 그런 건가요? 또, switch case문이 for문의 중괄호에 포함이 되면 제가 작성한 답이 출력이 되나요? 혼자서 이해해보려고 노력했는데 개념이 부족해서 이렇게 질문 올려봅니다. 감사합니다.

  • python
  • java
  • c
  • 정보처리기사
arginine 댓글 1 좋아요 0 조회수 174

True flase

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

정답을1011으로작성하면 왜 안될까요?

  • python
  • java
  • c
  • 정보처리기사
김인도 댓글 1 좋아요 0 조회수 341

Gets

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

이해가 어려운 섹션이나 영상 설명은 질문으로 꼭 남겨주세요. Name() 에 gets(n) 입력된 n이 대입되는 과정이 이해가 안갑니다. Name()에 n을 넣는다는 뭔가 코드가 있어야하지않나요? 설명이 너무빨라서 이해가안가네요.

  • python
  • java
  • c
  • 정보처리기사
김인도 댓글 1 좋아요 0 조회수 177

css, div size와 크기가 다른 background image 적용 문의

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

background-image에 적용하는데 있어서 문의가 있습니다.outerbox.png 이미지 키기는 807px 544px 로 나옵니다.현재 outerbox css class에서 width 888px로 주면서 대략 81px 정도가 이미지가 반복되어서 표시됩니다. 이미지 반복을 없애기 위해서 아래와 같은 css를 추가했는데 이번에는 이미지가 잘려서 보입니다. background-repeat: no-repeat background-size: cover 강사님 처럼 888px 544px div에 다른 이미지를 일치시켜서 표기하려면 어떻게 해야하나요 ?

  • react
  • node.js
  • seo
  • graphql
  • next.js
댓글 0 좋아요 0 조회수 132

React에서 load 상태를 어떻게 감지할 수 있을까요?

미해결

애플 웹사이트 인터랙션 클론!

안녕하세요. 강의 재미있게 완강하였습니다. Next.js에 애니메이션을 구현해보려고 하는데요. 현재는 load event 대신 useEffect안에서 기능들을 호출하는 방식으로 구현하였는데, useEffect는 DOM요소들이 생성이 완료되는 시점에서 기능이 실행되어 이미지들의 다운로드가 다 완료되지 않은 상태에서도 Loading 화면이 끝나버립니다. useEffect안에서 onLoad나 eventListener load를 시도해보았지만 다른 eventListener와 다르게 제대로 동작하지 않는 현상이 발생합니다. 혹시 답변이 가능하시다면 React에서는 Resource의 다운로드 완료 시점을 어떻게 알 수 있을지 조언 부탁드립니다!

  • HTML/CSS
  • javascript
  • 웹-디자인
  • svg
  • 인터랙티브-웹
  • 클론코딩
신승헌 댓글 1 좋아요 0 조회수 720

server ,client 컴포넌트 랜더링 질문입니다!

해결됨

Next + React Query로 SNS 서비스 만들기

안녕하세요~ 직접 만들어보고 비교하려고하는데 의문점이 하나 생겨서요! 서버컴포넌트로 Link를 생성하고 useSelectedLayoutSegment로 active클래스 처리해주려고 합니다! export default function SideBar() { const links = [ { path: "/home", pathName: "Home" }, { path: "/", pathName: "탐색하기" }, { path: "/", pathName: "쪽지" }, { path: "/", pathName: "프로필" }, ]; return ( <div className={classes.nav}> <div>logo</div> <nav> <ul> {links.map((link, idx) => { return ( <li key={`${link}-${idx}`}> <SideLink href={link.path}>{link.pathName}</SideLink> </li> ); })} </ul> </nav> <button className={classes.btn}>게시하기</button> </div> ); } interface SideLinkProps { children: ReactNode; href: string; } export default function SideLink({ children, href }: SideLinkProps) { const segment = useSelectedLayoutSegment(); const isSegment = href.slice(1); return ( <Link href={href} className={segment === isSegment ? classes.active : undefined} > {children} </Link> ); } 근데 랜더링이 Sidebar가 서버에서 초기 랜더링 하고 client에서 class 반영한다 라고 이해하고 있는데용 브라우저에서 "페이지 소스보기"를 했더니 이미 class에 active가 반영된 상태로 랜더링 되어있어요 캐시도 지우고 빌드해서 npm start 해봐도 "/home" path에서 소스보기 했더니 class가 반영된 상태로 서버에서 랜더링 되어옵니다. hook에 의한 할당될 class는 비워진 상태로 html를 생성하고 이후 client에서 hook을 이용한 클래스 부여가 된다고 알고 있었는데 왜 서버에서 세그먼트 훅에 의한 class 처리가 되서 오는건지 궁금합니다! 검색해도 명확한 답이 없어서 질문드려요!

  • react
  • next.js
  • react-query
  • next-auth
  • msw
squirrel PARK 댓글 1 좋아요 1 조회수 203

비전공자, 반복문 헷갈리는 이유

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

15:15 에서 선생님의 풀이를 통해 제가 헷갈리고 모르는게 무엇인지 찾았습니다. 초기값의 경우, int a=1, b=1, sum=0 이라고 주어졌지만 반복문에서 조건식에 들어가는 순간 블럭{} 내에서 변수값이 변화하는 과정(else문)에서 a 가 1일 때 sum을 0으로 주는 게 맞는지 -1로 주는 게 맞는지 헷갈립니다. 저의 풀이는 다음과 같습니다. a=1, b=1, sum=0 처음엔 이렇게 시작했다가 if문의 else를 거쳐서 sum=-1로 변했기에 a=1, b=1, sum=-1 로 시작하여 문제를 풀었습니다. 결과적으로, a=1, b=1, sum=-1 a=2, b=3, sum=-4 a=3, b=5, sum=-9 a=4, b=7, sum=-16 a=5, b=9, sum=-25 a=6 반복문 종료 운이 좋게도 해당 문제는 답이 맞다고 풀었지만 다른 기출문제의 경우는 a가 x일 때, b 값은 몇인지 구하는 과정에서 한단계씩 엇박자가 나는 바람에 틀리는 경우가 있습니다(선생님의 풀이를 보면 초기값이 sum=0이기에 당연히 여기서 시작하셨고 a=2 일 때, sum=-1이라고 계산한 것처럼요) 저 나름대로 반복문을 풀이할 때, 헷갈리지 않기 위해 표형태로 값을 써내려가면서 계산할 때 변화를 짐작하는 방법으로, 다음과 같이 번호별로 하나로 묶어서 변수값의 변화를 계산했습니다. 반복문 외부 초기값->for 초기화->for 조건식 for 블럭{}->for 증감식->for 조건식 이러면 값은 맞게 나오긴 하는데 전공자 입장에서 이렇게 생각하고 풀이하는 것이 맞는지 궁금합니다.

  • python
  • java
  • c
  • 정보처리기사
이승우 댓글 2 좋아요 0 조회수 392

포인터 주소값이 null?

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

이해가 어려운 섹션이나 영상 설명은 질문으로 꼭 남겨주세요. P의주소값이 null인데 P가 a(art)랑 같다는게 이해가 안가네요. 주소값이 없어도 값은 가질수있다는 뜻인가요?

  • python
  • java
  • c
  • 정보처리기사
김인도 댓글 1 좋아요 0 조회수 190

Java 같지만 다른 것들 강의 관련 질문

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

선생님, 안녕하세요! Java 같지만 다른 것들 강의 중에 3번째 슬라이드 관련하여 궁금한게 있어 질문글을 올립니다. (2:44 부근) 슬라이드 오른편에 출력값 첫 번째 줄과 두 번째 줄이 str1==str2: 까지는 동일하지만 그 결과가 각각 true와 false로 다른 것으로 표기가 되어있는데요, 혹시 두 번째 줄이 슬라이드 왼편의 코드대로 str2==str3: 이 되어야되는건 아닐까 싶어서 문의 드립니다. 오늘도 도움을 요청드리게 되네요 ^^; 바쁘시겠지만 확인 한번 해주시면 너무나도 감사하겠습니다~~!!

  • python
  • java
  • c
  • 정보처리기사
vivamelancholia 댓글 1 좋아요 0 조회수 237

주석 설명, 이거 실행 안되는 거 맞는거죠?

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

c언어와 java 주석 설명하는 구간에 예시가 다음과 같이 작성되어 있습니다. // 이 줄은 해석되지 않습니다. printf("이 줄은 실행됩니다."); // printf("이 줄은 실행됩니다."); 첫번째 줄과 세번째 줄은 실행되지 않는다고 작성했지만 예시에 세번째 줄은 실행된다고 작성되어 있길래 오타인지 아닌지 확인하고 싶어서 질문드립니다.

  • python
  • java
  • c
  • 정보처리기사
이승우 댓글 2 좋아요 0 조회수 251

switch-case(04:58) int로 선언된 sum을 /30 할 때..

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

4분58초 쯤에서 int sum = 0; for(~~~~) // for문 돌린 결과값 sum=250 switch(sum/30){~~ // 250÷30 대략 위의 코드가 있는데 C언어에서는 int인 sum을 ÷30 하면 자동으로 결과 값도 int값이라고 보는 건가요?

  • python
  • java
  • c
  • 정보처리기사
천윤범 댓글 1 좋아요 0 조회수 226

인기 태그

인프런 TOP Writers

주간 인기글