inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

9:30질문있습니다

해결됨

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

9:30질문있습니다 코드는 항상 메인부터 보고 출력순서를봤는데 이 문제는 main이 실행 되기도 전에 생기는 오류인 걸까요?

  • python
  • java
  • c
  • 정보처리기사
피로한 염소 댓글 2 좋아요 0 조회수 105

build할 때 type오류에 대한 질문이 있습니다.

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요! build할 때 계속해서 type 오류가 발생하여 질문 드립니다. 현재 page.tsx에는 아래와 같이 작성되어 있습니다. import BookItem from "@/components/book-item"; import { BookData } from "@/types"; export default async function Page({ searchParams, }: { searchParams: { q?: string; }; }) { const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/search?q=${searchParams.q}` ); if (!response.ok) { return <div>오류가 발생했습니다...</div>; } const books: BookData[] = await response.json(); return ( <div> {books.map((book) => ( <BookItem key={book.id} {...book} /> ))} </div> ); } 근데 여기서 build를 하면 아래와 같은 에러가 발생합니다. .next/types/app/(with-searchbar)/search/page.ts:34:29 Type error: Type 'Props' does not satisfy the constraint 'PageProps'. Types of property 'searchParams' are incompatible. Type 'Record<string, string | string[]> | undefined' is not assignable to type 'Promise<any> | undefined'. Type 'Record<string, string | string[]>' is missing the following properties from type 'Promise<any>': then, catch, finally, [Symbol.toStringTag] 32 | 33 | // Check the prop type of the entry function > 34 | checkFields<Diff<PageProps, FirstArg<TEntry['default']>, 'default'>>() | ^ 35 | 36 | // Check the arguments and return type of the generateMetadata function 37 | if ('generateMetadata' in entry) { Next.js build worker exited with code: 1 and signal: null 사실 gpt를 이용하여 받은 코드로 작성해보면 에러를 해결할 수는 있는데 이게 근본적인 해결 방법인지 잘 모르겠고, gpt가 작성한 코드가 잘 이해가 되지 않습니다. 우선 gpt에서 받은 답변은 아래와 같습니다. import BookItem from "@/components/book-item"; import { BookData } from "@/types"; export default async function Page({ searchParams }: any) { const qRaw = searchParams?.q; const q = Array.isArray(qRaw) ? qRaw[0] : qRaw ?? ""; const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/search?q=${encodeURIComponent(q)}` ); if (!response.ok) { return <div>오류가 발생했습니다...</div>; } const books: BookData[] = await response.json(); return ( <div> {books.map((book) => ( <BookItem key={book.id} {...book} /> ))} </div> ); } 이렇게 하면 해결은 되긴합니다. 다만 왜 해결이 되는 건지 이해가 잘 되지 않아서 그런데 왜 자꾸 build할 때 type 오류가 발생하는지 알려주시면 감사드리겠습니다!

  • react
  • typescript
  • next.js
khhan1990 댓글 2 좋아요 0 조회수 314

404에러 문의드립니다

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

버튼눌러서 게시글 조회하면 404에러뜨는데 뭐가 문제인지 알 수 있을까요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
댓글 2 좋아요 0 조회수 123

7:10

해결됨

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

자식클래스 호출전에 부모클래스 먼저 호출된다했는데 출력값 둘쨋줄은 자식클래스의 기본 생성자인데 따로 호출한적이 없는데 왜 호출 되는건가요?? 그리고 부모클래스 기본생성자의 출력 시점은 eCar.star();를 호출할때 출력되는건가요?

  • python
  • java
  • c
  • 정보처리기사
피로한 염소 댓글 2 좋아요 0 조회수 107

tailwindcss 오류관련 문의 드립니다 ㅠㅠ

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

버젼이 달라서인지.. CNA 했을 때 tailwind.config.js 파일이 없었습니다. 강의에서는 원래부터 존재하던데.. 그래서 어떻게어떻게 추가를 했는데. Error: It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration. 라는 에러가 끝나지를 않네요 ㅠ GPT한테 열심히 물어봤는데 도저히 해결이 안돼서 문의드립니다. 밑은 제가 설정해둔 코드입니다. tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{js,ts,jsx,tsx,html,css}", // 필요한 파일들 포함 "./app/**/*.{js,ts,jsx,tsx}", // Next.js의 `app` 폴더 추가 "./components/**/*.{js,ts,jsx,tsx}", // 컴포넌트 폴더 추가 ], theme: { extend: { colors: { 철수가좋아하는색깔: "#3498db", // 나만의 부트스트랩 만들기 영희가좋아하는색깔: "green", }, }, }, plugins: [], }; postcss.config.js module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, }; globals.css /* @import "tailwindcss"; */ @tailwind base; @tailwind components; @tailwind utilities; 로 해도 안되고, @import "tailwindcss"; 도 안됩니다...

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
jihun6548 댓글 1 좋아요 0 조회수 288

re-rank score 관련 아래 질문입니다.

미해결

RAG 마스터: 기초부터 고급기법까지 (feat. LangChain)

학습 관련 질문이 있으시면, 상세하게 남겨주세요. 문제가 발생한 부분의 코드를 함께 올려주세요. 수업 영상 몇 분/초 구간인지 알려주세요.

  • python
  • 챗봇
  • llm
  • langchain
  • rag
정영수 댓글 1 좋아요 0 조회수 104

ㄱ

미해결

RAG 마스터: 기초부터 고급기법까지 (feat. LangChain)

from langchain.retrievers.document_compressors import DocumentCompressorPipeline from langchain_community.document_transformers import EmbeddingsRedundantFilter # 중복 문서 제거 redundant_filter = EmbeddingsRedundantFilter(embeddings=embeddings_model) # 쿼리와 관련성이 높은 문서만 필터링 relevant_filter = EmbeddingsFilter(embeddings=embeddings_model, similarity_threshold=0.5) # Re-ranking re_ranker = LLMListwiseRerank.from_llm(llm, top_n=2) pipeline_compressor = DocumentCompressorPipeline( transformers=[redundant_filter, relevant_filter, re_ranker] ) pipeline_compression_retriever = ContextualCompressionRetriever( base_compressor=pipeline_compressor, base_retriever=chroma_db.as_retriever() ) question = "테슬라 회장은 누구인가요?" compressed_docs = pipeline_compression_retriever.invoke(question) print(f"쿼리: {question}") print("검색 결과:") for doc in compressed_docs: print(f"- {doc.page_content} [출처: {doc.metadata['source']}]") print("-"*100) print() `(4) DocumentCompressorPipeline` - 여러 압축기를 순차적으로 결합하는 방식 - BaseDocumentTransformers를 추가하여, 문서를 더 작은 조각으로 나누거나 중복 문서를 제거하는 등의 작업도 가능 여기에서 result = chain.invoke() 로 받아서 result의 데이터를 보면, context = result['context'][i] query_similarity_score = context.state['query_similarity_score'] 이렇게 similarity_score 처럼 rerank score같은거 보고싶은데, # 크로스 인코더를 사용하여 유사성 점수를 계산합니다. sentence_pairs = [[query, prediction]] similarity_scores = cross_encoder_model.predict(sentence_pairs) 이런식으로 계산을 해야하나요? 추출하고 싶은데 방법을 잘 모르겠습니다.

  • python
  • 챗봇
  • llm
  • langchain
  • rag
정영수 댓글 1 좋아요 0 조회수 100

갑자기 정적페이지 크롤링

미해결

[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 갑자기 선수강의에 없었던 정적페이지크롤링 파일이 나오는데 이건 어떻게 해야 하나요. 어디서 참고해야 하나요

  • python
  • 웹-크롤링
ajh7457 댓글 1 좋아요 0 조회수 100

저도 tailwind.config.js 가 없네요..

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

이거 관련해서 한번 정리해주시면 좋을거같습니다. ㅠㅠ 인터넷에서 찾아보고 gpt한테도 물어봤는데 해결방법을 못찾겠네요.

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
jihun6548 댓글 2 좋아요 0 조회수 537

리액트 라우터 관련

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요, 리액트 학습 중에 궁금한 게 있어서 질문드려요. 기본 path 가 아닌 라우트로 바로 접속을 할때, html을 받으면 라우팅이 이뤄지구 useeffect로 api 요청이 가면서 페이지 렌더링이 이뤄지는건가요?

  • react
  • redux
  • tdd
  • typescript
  • next.js
  • 소프트웨어-테스트
Sohyeon 댓글 1 좋아요 0 조회수 129

getPostRecommend() tags 속성 사용

미해결

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

getPostRecommend() 함수 내부에서 tags : ['post', 'recommends'] 로 설정이 되어있는데, queryClient.prefetch 함수나, useQuery 함수의 queryKey와 항상 동일하게 일치시켜야 하나요? 불러온 데이터를 캐싱할 경우, react-query에서만 관리를 키를 관리해도 되지 않을까요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
그린티라떼 댓글 2 좋아요 0 조회수 102

숙제 문의드립니다

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

require 왜 오류가 나는지 알 수 있을까요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
yoonseong 댓글 1 좋아요 0 조회수 72

Integer: 뒤에 띄어쓰기까지 해야하는 건가요?

해결됨

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

16:46 Integer: 이랑 42 사이에 띄어쓰기까지 해야하는 건가요? 안하면 틀리는 건가요? 18:45 하얀글씨 5번째줄인 float fnum =3.14f;에서 마지막 f는 뭔가요? 저것도 같이 출력하는건줄 알았는데

  • python
  • java
  • c
  • 정보처리기사
skftkfkdgo17 댓글 2 좋아요 0 조회수 128

2분 44초 질문

해결됨

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

무슨말씀이신지 이해가 안가요.ㅠㅠ 가운데정렬을 편안하게 해주려면 span 을 이용하는 이유가 와닿지 않습니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
김트랙 댓글 3 좋아요 0 조회수 149

homework에 관한 강의는없나용?

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

homework에 관한 강의는없나용?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
yoonseong 댓글 2 좋아요 0 조회수 93

toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

entity에 toJson을 추가하고 내용을 비워놓기만 해도, sub를 받아오지 못합니다. 강의에서는 잘 진행되어서 지금 전혀 원인을 알 수 없습니다. 답변 부탁드립니다.

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
서문규 댓글 2 좋아요 0 조회수 153

list1.append(list2)와 list1.append(list2[:])의 차이가 무엇인가요?

해결됨

코딩테스트 [ ALL IN ONE ]

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 def solution(l,k): result = [] curr = [] def backtracking(start, curr): if len(curr) == k: result.append(curr[:]) return for i in range(start, len(l)): curr.append(i+1) backtracking(i + 1, curr) curr.pop() backtracking(0, curr) return result 위의 코드에서 if len(curr) == k: 안에 result.append(curr[:]) 대신 result.append(curr)을 넣으면 result = [[], [], [], [], [], []]와 같이 값이 제대로 추가가 안 되던데 무슨 차이가 있는 건가요? main 함수에서 test1 = [] test2 = [1,2,3] test1.append(test2) print(test1) test1 = [] test1.append(test2[:]) print(test1) 이와 같이 테스트를 해보면 두 프린트 결과 모두 [[1,2,3]]으로 동일하게 나오는데 위의 경우는 달라서 질문 드립니다.

  • python
  • 코딩-테스트
  • 알고리즘
나상민 댓글 1 좋아요 1 조회수 181

SSR은 언제 사용될까요??

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요! 강의를 수강하면서 나날이 성장하는게 느껴집니다!! SSG, SSR, ISR 개념을 배우면서, SSR을 언제 사용해야 하는지에 대한 고민이 생겼습니다. 블로그 글이나 GPT의 답변을 참고해보니, 개인화된 사용자 데이터나 요청 시에만 알 수 있는 정보에 의존하는 페이지를 렌더링해야 하는 경우 사용한다고 합니다. 저는 조금 다른 접근을 고민해봤습니다. ISR을 활용하여 개인화된 페이지를 생성하고, Middleware에서 사용자 인증을 검증하는 방식 으로 생각해봤습니다. 또는 SSR 대신 SSG를 사용하고, 클라이언트 측에서 필요한 데이터를 패칭하는 방식 으로 생각해봤습니다. 정리하자면 SSR은 언제 써야하는지 잘 모르겠습니다. 소중한 시간 긴 글 읽어주셔서 감사합니다!!

  • react
  • typescript
  • next.js
qjatjs123123 댓글 2 좋아요 0 조회수 227

14:39 질문드립니다.

해결됨

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

덮어씌워진다는게 이해가 안되서요! test1 = name();이 실행되었을때 홍길동이 입력되면 return 되는 값은 홍길동 아닌가요?? 질문은 동영상 강의에 들어가서 오른쪽에 커뮤니티 버튼을 통해 해주세요. 그래야 어떤 강좌에서 질문하셨는지 알 수 있습니다. 영상에서 몇 분 몇 초 대를 알려주셔야 제가 한 번에 질문 내용 확인이 가능합니다. 이미 다른 누군가가 질문을 한 이력 이 있을 수 있습니다. 질문 게시판을 한 번 확인 부탁드립니다. 학교의 과제나 타 강사의 코드 등 외부 수업 자료에 대해서는 답변하지 않습니다. 제가 다루는 커리큘럼 외의 이론이나, 너무 디테일한 컴퓨터 이론에 대해서는 답변 드리지 않습니다. 시험에 안 나오는 경우가 많고, 나와 봤자 1문제 나오는데 외워야 할 부분이 많은 것 등 (예시: 서브넷 마스크 계산) 질문을 올릴 때 이 글은 모두 지우고 내용을 입력해주세요.

  • python
  • java
  • c
  • 정보처리기사
이은비 댓글 2 좋아요 0 조회수 183

사전 렌더링시 브라우저 네트워크 탭에 로그가 남지 않는데 이에 대한 디버깅 방법이 있을까요??

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요. 실습을 진행하면서 새로고침 했을때 브라우저 개발자도구 네트워크 탭에 api 요청 로그가 남지 않더라구요. 그래서 새로고침을 하거나 처음 앱을 실행시켰을 경우 사전 렌더링에 의해서 서버측에서 api요청을 진행하면서 로그가 남지 않는걸로 이해했습니다. 그러면 만약 api 요청에 대한 디버깅을 진행해야 하는 상황이라면 서버측 터미널 로그로만 확인 수 밖에 없는걸까요??

  • react
  • typescript
  • next.js
Hndx 댓글 2 좋아요 0 조회수 132

인기 태그

인프런 TOP Writers

주간 인기글