inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

단위 벡터에 거리를 다시 곱하는 부분 질문 있습니다.

해결됨

R3F(React + Three.js / Typescript)로 인터렉티브 포트폴리오 만들기

안녕하세요. 영광스러운 첫 질문이군요! 다름이 아니라 원하는 프레임에 곰이 꿀에 도착하게 하기 위해서 단위 벡터에 다시 dist를 곱해주잖아요. 거리는 변수 이름 그대로 distBearToHoneyVec이니까, 곰에서 꿀까지의 거리인 것 같은데 distanceTo() 함수를 호출하실 때 원점(0, 0, 0) 기준으로 하셨더라고요. 제가 잘못 이해한 건지 실수하신 건지 궁금합니다~

  • react
  • typescript
  • 인터랙티브-웹
  • three.js
  • webgl
  • gsap
literate_t 댓글 1 좋아요 0 조회수 70

Model output doesn't fit required format

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

제가 만들었을때 이 오류가 떠서 선생님께서 만드신 n8n을 복사해서 사용해도 이 오류가 뜨네요 이미지 프롬포트 생성 LLM에서 Structured Output Parser 오류가 뜹니다 확인부탁드립니다 ㅠㅠ 따른 질문들 방법으로 해봐도 고쳐지지 않습니다 Model output doesn't fit required format To continue the execution when this happens, change the 'On Error' parameter in the root node's settings

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
kyohyun58 댓글 1 좋아요 0 조회수 91

자식컴포넌트 리렌더링

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

정환님 인프콘 설명이였는데 잘 듣던와중에 궁금한게 생겨서요!! 저 app 컴포넌트 안에 자식컴포넌트로 child가 렌더링되고있다면 그 자식컴포넌트도 리렌더링되어서 render phase 단계를 거쳐 child 가상돔을 만들어서 app 컴포넌트의 렌더사이클 내의 app의 가상돔이랑 합쳐져서 통합된 하나의 가상돔이 생성되고 이걸 이게 commit phase 단계에서 돔 업데이트를 변경된 부분만 진행하는 건가요?

  • javascript
  • react
  • node.js
gxpk0721 댓글 1 좋아요 0 조회수 47

9강에서 'Ch-9-1. GitHub 저장소 링크' 오류

미해결

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

9강에서 'Ch-9-1. GitHub 저장소 링크'에 링크가 잘못 달려있네요. 뒤에 키값으로 찾아서 접속할 순 있는데 수정이 필요해 보입니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
이재윤 댓글 1 좋아요 0 조회수 98

eslint 질문

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

강의 10:25초쯤에 eslint 파일에 관련해서 질문이 있습니다. 강의에는 .eslintrc.cjs라고 되어있고 module.export = {~~ 이런 식으로 코드가 작성되어있는데 저는 eslint.config.js라고 되어있고 사진과 같은 코드가 있습니다. 영상과 똑같이 했는데 왜 다른 걸까요? 이렇게 진행해도 괜찮을까요 ?

  • javascript
  • react
  • node.js
홍보민 댓글 1 좋아요 0 조회수 81

추가적인 스택 질문입니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

TanStack Query, React Hook Form, Zod 같은 스택은 준필수일까요? 페이지 3~4개 정도 되는 소규모 프로젝트 시작하기 전에 먼저 배울까 실효성에 대해서 고민중입니다.

  • javascript
  • react
  • node.js
김김 댓글 2 좋아요 0 조회수 48

사람과 관련된 표현이 없는데 rewrite 로 이동하지 않는경우

미해결

LangGraph를 활용한 AI Agent 개발 (feat. MCP)

from langchain_core.prompts import PromptTemplate from langchain_core.output_parsers import StrOutputParser dictionary = ['사람과 관련된 표현 -> 거주자'] rewrite_propmt = PromptTemplate.from_template(f"""사용자의 질문을 보고, 우리의 사전을 참고해서 사용자의 질문을 변경해주세요 사전:{dictionary} 질문: {{query}}""") def rewrite(state: AgentState)->AgentState: query = state['query'] rewrite_chain = rewrite_propmt | llm | StrOutputParser() response = rewrite_chain.invoke({'query': query}) return {'query' : response} # Create a LangSmith API in Settings > API Keys # Make sure API key env var is set: # import os; os.environ["LANGSMITH_API_KEY"] = "<your-api-key>" from langsmith import Client from typing import Literal client = Client() relevance_prompt = client.pull_prompt("langchain-ai/rag-document-relevance") def check_doc_relevance(state: AgentState)-> Literal['generateAnswer','rewrite']: query= state['query'] context= state['context'] relevance_chain = relevance_prompt | llm response = relevance_chain.invoke({'question':query, 'documents': context}) if response['Score'] ==1: return 'generateAnswer' return 'rewrite' graph_builer.add_node('retrieveDoc', retrieveDoc) graph_builer.add_node('generateAnswer', generateAnswer) graph_builer.add_node('rewrite', rewrite) from langgraph.graph import START, END graph_builer.add_edge(START,'retrieveDoc') graph_builer.add_conditional_edges('retrieveDoc', check_doc_relevance) graph_builer.add_edge('rewrite','retrieveDoc') graph_builer.add_edge('generateAnswer', END) graph =graph_builer.compile() from IPython.display import Image, display display(Image(graph.get_graph().draw_mermaid_png())) initial_State = {'query' : '연봉 5천만원 세금'} graph.invoke(initial_State) 강사님! 강의랑 똑같이 코드를 작성했는데도 'query: 연봉 5천만원 세금 ' 질문에 대한 답 score가 계속 1이 나와서 rewrite 노드로 이동하지 않습니다. 쿼리자체에 거주자나 사람을 나타내는 표현이 없는데도 문서에서 관련성을 키워드로 찾다보니 키워드가 있기만 해도 결과가 1이 나오네요ㅜㅜㅜ 강사님은 결과가 0이 나와 rewrite를 하고 제가 해볼때는 1이 나오는 이유가 무엇인지 모르겠습니다. {'query': '연봉 5천만원 세금', 'context': [Document(id='15f6746f-4e63-4775-a47e-c72298375620', metadata={'source': './tax_combined_final.txt'}, page_content='소득세법'), Document(id='a6c9015f-092f-4aa3-819b-e23588bb0a0f', metadata={'source': './tax_combined_final.txt'}, page_content='소득세법\n하는 자(제119조제9호에 따른 국내원천 부동산등양도소득을 지급하는 거주자 및 비거주자는 제외한다)는 제127조\n에도 불구하고 그 소득을 지급할 때에 다음 각 호의 금액을 그 비거주자의 국내원천소득에 대한 소득세로서 원천징\n수하여 그 원천징수한 날이 속하는 달의 다음 달 10일까지 대통령령으로 정하는 바에 따라 원천징수 관할 세무서,\n한국은행 또는 체신관서에 납부하여야 한다. <개정 2013. 1. 1., 2016. 12. 20., 2018. 12. 31., 2019. 12. 31., 2020. 12.\n29.>\n1. 제119조제1호에 따른 국내원천 이자소득: 다음 각 목의 구분에 따른 금액\n가. 국가·지방자치단체 및 내국법인이 발행하는 채권에서 발생하는 이자소득: 지급금액의 100분의 14\n나. 가목 외의 이자소득: 지급금액의 100분의 20\n2. 제119조제2호에 따른 국내원천 배당소득: 지급금액의 100분의 20\n3. 제119조제4호에 따른 국내원천 선박등임대소득 및 같은 조 제5호(조세조약에 따라 국내원천 사업소득으로 과세\n할 수 있는 소득은 제외한다)에 따른 국내원천 사업소득: 지급금액의 100분의 2\n4. 제119조제6호에 따른 국내원천 인적용역소득: 지급금액의 100분의 20. 다만, 국외에서 제공하는 인적용역 중대\n통령령으로 정하는 용역을 제공함으로써 발생하는 소득이 조세조약에 따라 국내에서 발생하는 것으로 보는 소득\n에 대해서는 그 지급금액의 100분의 3으로 한다.\n5. 제119조제9호에 따른 국내원천 부동산등양도소득: 지급금액의 100분의 10. 다만, 양도한 자산의 취득가액 및 양\n도비용이 확인되는 경우에는 그 지급금액의 100분의 10에 해당하는 금액과 그 자산의 양도차익의 100분의 20에\n해당하는 금액 중 적은 금액으로 한다.\n6. 제119조제10호에 따른 국내원천 사용료소득: 지급금액의 100분의 20\n7. 제119조제11호에 따른 국내원천 유가증권양도소득: 지급금액(제126조제6항에 해당하는 경우에는 같은 항의 정\n상가격을 말한다. 이하 이 호에서 같다)의 100분의 10. 다만, 제126조제1항제1호에 따라 해당 유가증권의 취득가\n액 및 양도비용이 확인되는 경우에는 그 지급금액의 100분의 10에 해당하는 금액과 같은 호에 따라 계산한 금액\n의 100분의 20에 해당하는 금액 중 적은 금액으로 한다.\n8. 제119조제12호에 따른 국내원천 기타소득: 다음 각 목의 구분에 따른 금액\n가. 제119조제12호카목의 소득: 지급금액의 100분의 15\n나. 제119조제12호타목의 소득: 다음의 구분에 따른 금액. 다만, 가상자산을 교환하거나 인출하는 경우에는 다음\n의 구분에 상당하는 금액으로서 가상자산 단위로 표시한 대통령령으로 정하는 금액으로 한다.\n1) 제126조제1항제3호에 따라 가상자산의 필요경비가 확인되는 경우: 지급금액의 100분의 10에 해당하는 금\n액과 같은 호에 따라 계산한 금액의 100분의 20에 해당하는 금액 중 적은 금액'), Document(id='5a211886-c6db-4fd5-9e77-a4375dd2ee6d', metadata={'source': './tax_combined_final.txt'}, page_content='5. 공적연금소득에 대해서는 기본세율\n5의2.제20조의3제1항제2호나목 및 다목에 따른 연금계좌 납입액이나 운용실적에 따라 증가된 금액을 연금수령한\n연금소득에 대해서는 다음 각 목의 구분에 따른 세율. 이 경우 각 목의 요건을 동시에 충족하는 때에는 낮은 세율\n을 적용한다.\n가. 연금소득자의 나이에 따른 다음의 세율\n|나이(연금수령일 현재)| 세율 |\n| ----------- | ----------- |\n| 70세 미만 | 100분의 5 |\n| 70세 이상 80세 미만 | 100분의 4 |\n| 80세 이상 | 100분의 3 |\n나. 삭제 <2014. 12. 23.>')], 'answer': AIMessage(content='연봉 5천만원에 대한 세금은 다양한 소득세 항목에 따라 달라질 수 있습니다. 일반적으로 소득세율은 소득금액에 따라 차등 적용되며, 기본 세율은 5%에서 시작합니다. 정확한 세금액을 계산하기 위해서는 총소득, 공제 항목 등을 고려해야 합니다.', additional_kwargs={'refusal': None}, response_metadata={'token_usage': {'completion_tokens': 78, 'prompt_tokens': 1352, 'total_tokens': 1430, 'completion_tokens_details': {'accepted_prediction_tokens': 0, 'audio_tokens': 0, 'reasoning_tokens': 0, 'rejected_prediction_tokens': 0}, 'prompt_tokens_details': {'audio_tokens': 0, 'cached_tokens': 0}}, 'model_provider': 'openai', 'model_name': 'gpt-4o-mini-2024-07-18', 'system_fingerprint': 'fp_3683ee3deb', 'id': 'chatcmpl-D2psPuRb1GQcktIDJfUhfjTjYL2CO', 'service_tier': 'default', 'finish_reason': 'stop', 'logprobs': None}, id='lc_run--019c027f-916f-7c82-9b4a-00ba35551ea7-0', tool_calls=[], invalid_tool_calls=[], usage_metadata={'input_tokens': 1352, 'output_tokens': 78, 'total_tokens': 1430, 'input_token_details': {'audio': 0, 'cache_read': 0}, 'output_token_details': {'audio': 0, 'reasoning': 0}})} 도와주시면 감사하겠습니다.

  • 프롬프트엔지니어링
  • llm
  • ai-agent
  • langgraph
댓글 1 좋아요 0 조회수 93

/Context 눌렀을때

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

저도 쓰앵님처럼 간지나게 색상이 다르게 보이고 싶은데 어떻게 해야하나요 ?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
을지로봇 댓글 2 좋아요 0 조회수 86

node.js 패키지 매니저 문의

해결됨

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요. 프론트엔드 지식이 없어 문의드립니다. 패키지 관리는 npm으로 진행하고 계시던데 pnpm과 npm 차이, 장단점을 알수 있을까요? 다른 강의에서 pnpm으로 진행해와서 어떤 차이가 있는지 궁금해 문의 드립니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
건호아범 댓글 1 좋아요 0 조회수 59

TodoDTO test 함수

미해결

코드로 배우는 React 19 with 스프링부트 API서버

소스 내용은 @Override public TodoDTO get(Long tno) { Optional<Todo> result = todoRepository.findById(tno); Todo todo = result.orElseThrow(); TodoDTO dto = modelMapper.map(todo, TodoDTO.class); return dto; } 에러 메시지 입니다. 참말로... 이해를 못하겠네요... 테스트가 계속 실패하는데 어디를 확인을 해봐야 할까요? ㅡㅡ;; (등록 testRegister는 잘 test 되고요)

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
bluescreen 댓글 3 좋아요 0 조회수 111

질문있습니다.

해결됨

진짜 현장에서 통하는 OCR, 이렇게 만듭니다.

강사님 안녕하세요! 저는 보통 colab, kaggle notebook을 사용하는데, 위 노트를 사용해 교육을 수강해도 괜찮을까요?

  • python
  • 컴퓨터-비전
  • openai
  • 인공지능(ai)
  • openai-api
문성일 댓글 2 좋아요 0 조회수 88

강의 내용 갱신 문의

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

Cluade Code 최근 버전에서 think 모드가 다른 가능으로 대체 Yes, clear context and auto-accept edits (shift+tab) Sequence Thinkinkg 설치 방법 변경 https://github.com/modelcontextprotocol/servers/tree/main/src/sequentialthinking 작업 관리 도구중에서 planning with files가 핫하고 잠시 사용해보나 MCP Shrimp Task Manager외 바교하여 기본 개념은 유사(파일시스템을 영구 메모리로 활용)하지만 서로 장단점이 있어 상호 보완적이사고 생각됨 https://github.com/OthmanAdi/planning-with-files 등을 추가 강의로 제작하실 계획이 있으신지요.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
신석균 댓글 1 좋아요 0 조회수 199

카카오 로그인시 401에러

미해결

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기

리다이렉트 주소랑 rest_api_key도 계속 확인하는데도 똑같은데 에러가 카카오로그인하면 401에러가 계속 나네요 이에러 찾아보면 api키랑 리다이렉트 주소 확인하라고 하는데 동일합니다 복붙으로하는데도 계속 401에로 뜨는데 원인이 뭘까요?

  • react
  • node.js
  • rest-api
  • spring-boot
  • login
오일중 댓글 2 좋아요 0 조회수 204

백앤드 쪽 UserController부분

미해결

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기

@PostMapping("/kakao") public ResponseEntity<?> kakaoLogin(@RequestBody Map<String, String> body, HttpServletResponse response) { String code = body.get("code"); LoginResponseDto tokens = kakaoOAuthService.kakaoLogin(code, response); return ResponseEntity.ok(tokens); } 여기 코드에서kakaoOAuthService 이게 선언을 찾지못하는데 강의에선 인터페이스?쪽을 가져오는것 같은데 저는 안가져와지는데 원인이 몬가요?

  • react
  • node.js
  • rest-api
  • spring-boot
  • login
오일중 댓글 3 좋아요 0 조회수 81

마르코프 결정과정 질문

미해결

강화학습 올인원: 기초, 최신 알고리즘, 실무 활용까지

안녕하세요. 강의 정말 잘 듣고 있습니다. 질문이 있어 글 남겨봅니다. 행동가치함수는 그 상태에서 행동을 통해 즉시보상을 얻는 것이고, 상태가치함수는 그 상태에서 정책을 쭉 따라가면서 가치함수를 계산한다는 제 이해가 맞을까요? 상태 가치가 제일 높은 것을 선택하는 것이 최적 정책이고, 최적 정책을 만들기 위해서는 각 상태에서 결정적 최적정책을 통해 최적행동가치함수의 값이 가장 큰 행동을 선택한다는 제 이해가 맞을까요? 좋은 하루 되시길 바랍니다.

  • python
  • 인공신경망
  • 강화학습
  • fine-tuning
  • 최적화이론
최승무 댓글 2 좋아요 0 조회수 117

44강 mcp 설정에서 context7 대해 문의드립니다.

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

강의 내용중에 실제로는 api key를 입력하셨지만, 강의 중에 api key를 굳이 입력하지 않고, .mcp.json에서 api key 관련 내용을 제거하셨는데 api key를 제거하고, use context7 를 입력하였더니 아래와 같이 api key가 필요하다고 나옵니다. 혹시 context7의 정책이 변경된거라고 인지하면될까요?? Invalid API key. Please check your API key. API keys should start with 'ctx7sk' prefix.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
sej1378 댓글 2 좋아요 0 조회수 276

일반적인 nextjs project architecture에 대하여..

미해결

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

안녕하세요. 강의 잘 들었습니다. 현재 시간이 별로 없어서 typescript react nextjs 코드 구현 부분쪽은 다봤네요. 해서 제가 궁금한 것은 일반적인 nextjs project architecture 입니다. 물론 유연하게 상황에 맞춰서 하는 게 최선이겠지만 입문자이다 보니 일반적인 형태를 알고 경험을 쌓으며 해당 부분 지식을 쌓고 싶은 마음입니다. 해서 입문점으로 일반적인 nextjs project architecture에 대하여 알고싶습니다. 감사합니다.

  • react
  • typescript
  • next.js
YongIl Park 댓글 2 좋아요 0 조회수 123

async 관련해서 질문있습니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

수업내용에서는 getData함수에서도 async를 붙여줬는데 안붙여도 값이 나오더라구요. 혹시 특별히 붙여준 이유가 있을까요?

  • javascript
  • react
  • node.js
logipick 댓글 2 좋아요 0 조회수 90

강의실습 말고 강의에 대한 자료(pdf)가 없을까요?

미해결

[리뉴얼] 처음하는 파이썬 데이터 분석 (쉽게! 전처리, pandas, 시각화 전과정 익히기) [데이터분석/과학 Part1]

- 강의 영상에 대한 질문이 있으시면, 상세히 문의를 작성해주시면, 주말/휴일 제외, 2~3일 내에 답변드립니다 (이외의 문의는 평생 강의이므로 양해를 부탁드립니다.) - 강의 답변이 도움이 안되셨다면, dream@fun-coding.org 로 메일 주시면 24시간 내에 재검토하겠습니다. - 괜찮으시면 질문전에 챗GPT 와 구글 검색을 꼭 활용해보세요~ - 잠깐! 인프런 서비스 운영(다운로드 방법포함) 관련 문의는 1:1 문의하기를 이용해주세요. 강의자료를 커리큘럼에 있는 곳에서 다운로드 받았는데요. 'pdf'나 '한글/워드'는 없고, 'excel', '텍스트'만 있던데요. 실습 외에 강의 내용에 대한 'pdf' 버전의 강의자료는 없는 게 맞는 건지요??? 이메일도 보내드렸는데, 회신이 없어 여기다가 다시 남깁니다.

  • python
  • pandas
김민석 댓글 1 좋아요 0 조회수 105

인기 태그

인프런 TOP Writers

주간 인기글