inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

input 관련 문의

해결됨

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

express 로 GraphQL 사용하였을 때 코드는 아래와 같습니다. const typeDefs = `#graphql input CreateBoardInput { writer: String title: String contents: String } type Mutation { createBoard(createBoardInput: CreateBoardInput!): String } `; const resolvers = { Mutation: { createBoard: (parent, args, context, info) => { ... return "게시글 등록 성공" } } 위 내용을 Nest.js - GraphQL 에 적용하였을 때 아래와 같이 구현했습니다. @Mutation(() => String) createBoard( @Args('createBoardInput') createBoardInput: CreateBoardInput, ): string { // 1. 브라우저에서 보내준 Data 확인하기 console.log(createBoardInput.writer); console.log(createBoardInput.title); console.log(createBoardInput.contents); // 2. DB접속 후, 데이터 저장 => 데이터 저장했다고 가정 // 3. DB에 저장된 결과를 브라우저에 응답(response) 주기 return '게시글 등록 성공'; } @InputType() export class CreateBoardInput { // export 추가 및 클래스 이름 변경 @Field(() => String) writer: string; @Field(() => String) title: string; @Field(() => String, { nullable: true }) contents: string; } @InputType() 데코레이터: CreateBoardInput 클래스에 @InputType() 데코레이터를 적용하여, 이 클래스가 GraphQL 스키마에서 입력 타입으로 적용되게 되는데요. InputType 데코레이터의 경우 class 파일 위에 존재해야 한다고 합니다. 지금처럼 InputType이 늘어날때마다 class 를 추가하나요? 실무에서는 어떻게 사용하나요?

  • javascript
  • node.js
  • docker
  • rest-api
  • nestjs
gkdlsb1234 댓글 2 좋아요 0 조회수 120

Header 스타일링 강의 logo

미해결

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

안녕하세요. 강의 잘 듣고 있습니다 강의 중간에 로고 이미지를 교체하시는데 Header 교안에 첨부된 이미지가 없습니다 어디서 확인할 수 있을까요?

  • HTML/CSS
  • javascript
  • 포트폴리오
  • github-pages
r11s 댓글 2 좋아요 0 조회수 120

계속 헷갈리네요. 이게 맞나요?

해결됨

웹 프론트엔드를 위한 자바스크립트 첫걸음

🚨질문 작성법 및 안내사항 질문 작성법 섹션 4. Promise 객체 안녕하세요. 수강 중에 계속 헷갈려서 적어봤는데, 이게 맞나요? Promise가 resolve, reject를 콜백 함수로 사용. setTimeout에서 resolve(value+10)으로 호출. resolve는 Promise의 state를 성공? 으로 바꾸고 resolve= value+10 으로 변환 workA는 Promise를 반환 ...(객체?) .then을 통해 promise의 resolve 프로퍼티 반환? 반환된 값을 바로 매개변수 사용?(???) (resA) => {내용}; 을 콜백 함수로 이용. workA(10).then((resA) => {내용}); Promise는 미리 정의된 객체고 new Promise로 promise에 생성? 한 거죠?

  • javascript
  • dom
뚜벅 댓글 2 좋아요 1 조회수 174

이상한 부분이 있어서 문의드립니다.

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

섹션3. Advanced Trigger 에서 Animation Toggle(1) 강좌에서 문의드립니다. 첫번째 왼쪽에는 프로그래스 스크롤트리거를 넣었는데요, 아래 소스에서 trigger: '.scroll-content' 에서 대상을 넣을걸로 알고 있는데요, 마크업 구조상에 .scroll-content 라는 이름의 클래스명이 없는데 이건 어디서 나온걸까요 <nav class="lnb"> <div class="progress"></div> <ul> <li> <div class="dot"></div> <span>Home</span> </li> <li> <div class="dot"></div> <span>About</span> </li> <li> <div class="dot"></div> <span>Product</span> </li> <li> <div class="dot"></div> <span>Portfolio</span> </li> <li> <div class="dot"></div> <span>Contact Us</span> </li> </ul> </nav> <div id="container"> <section class="section section01"><h2>section1</h2></section> <section class="section section02"><h2>section2</h2></section> <section class="section section03"><h2>section3</h2></section> <section class="section section04"><h2>section4</h2></section> <section class="section section05"><h2>section5</h2></section> </div> ScrollTrigger.create({ trigger: '.scroll-content', start: 'top top', end: 'bottom bottom', animation: gsap.from('.progress',{scaleY:0,transformOrigin:'center top',ease:'none'}), scrub: true, })

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
gangsugi 댓글 1 좋아요 1 조회수 124

layout tab 설정 문의.

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

탭 설정 관련 문의 드립니다. 현재 디렉토리는 아래 이미지와 같은 구조이고, 하단의 스크립트처럼 Tab 설정에는 Home / Profile / setting 3가지가 명시 된 상태인데 이전 미션에서 작성한 mission.tsx가 하나의 탭으로 잡히고 있습니다. RN 구조상 (tabs) 디렉토리 하단에 파일들이 자동으로 탭으로 잡히는 구조인지, 별도의 설정으로 뺄 수 있는지 알수 있을까요?? export default function TabLayout() { return ( <Tabs screenOptions={{ tabBarActiveTintColor: "black", headerShown: false, }} > <Tabs.Screen name="index" options={{ title: "Home", }} /> <Tabs.Screen name="my" options={{ title: "Profile", }} /> <Tabs.Screen name="setting" options={{ title: "setting", }} /> </Tabs> ); }

  • javascript
  • react
  • react-native
  • typescript
  • react-query
dev.edchoi 댓글 2 좋아요 0 조회수 148

동물앨범 3-3 에서 express@5 설치 후 app.get('/*', callback) 에서 문제가 발생합니다.

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

npm i express 로 express 를 설치 후 강의와 같이 코드를 작성했지만 .. app.get('/*', (req, res) => {...}); 에서 오류가 발생합니다. TypeError : Missing parameter name at 2: https://git.new /pathToRegexpError 가 발생합니다. 구글에서 검색하여 보니 Express v5에서 '/*' 형식은 맞지 않는 것으로 보입니다. 따라서 아래와 같이 코드를 정규식으로 변환하니 제대로 실행 되었습니다. app.get(/^\/(.*)/, (req, res) => { res.sendFile(path.join(__dirname, '..', 'index.html')); }); 혹시 정규식 말고 다른 수정 방법이 있는지 알고 싶습니다. ⚠ 답변은 평일 오전 10시에 순차적으로 작성해드립니다. ⚠ '질문 해결'은 답변 작성일 기준 1일 이후에 적용됩니다.

  • javascript
  • rest-api
  • spa
  • dom
  • express
Codingbear 댓글 1 좋아요 1 조회수 240

The onnxruntime python package is not installed.

미해결

AI 에이전트로 구현하는 RAG 시스템(w. LangGraph)

'벡터 저장소(Vector Store)를 도구로 변환하기' 강의에서 'from langchain_chroma import Chroma' 부분 실행 시 아래와 같은 오류가 발생합니다. ValueError: The onnxruntime python package is not installed. Please install it with pip install onnxruntime pip install을 수행해도 에러는 동일하게 발생합니다. 구글 검색으로 Microsoft Visual C++ Redistributable 설치도 시도해 보았으나 여전히 동일합니다. 어떻게 해결해야할까요? 필요한 정보가 있다면 알려주세요.

  • llm
  • langchain
  • rag
  • ai-agent
  • langgraph
hipyohip 댓글 1 좋아요 0 조회수 247

섹션 5, 사용자 정의 조건부 엣지 관련 질문입니다.

미해결

AI 에이전트로 구현하는 RAG 시스템(w. LangGraph)

from langgraph.graph import MessagesState, StateGraph, START, END from langchain_core.messages import HumanMessage, SystemMessage from langgraph.prebuilt import ToolNode from IPython.display import Image, display # LangGraph MessagesState 사용 class GraphState(MessagesState): pass # 노드 구성 def call_model(state: GraphState): system_message = SystemMessage(content=system_prompt) messages = [system_message] + state['messages'] response = llm_with_tools.invoke(messages) return {"messages": [response]} def should_continue(state: GraphState): last_message = state["messages"][-1] # 도구 호출이 있으면 도구 실행 노드로 이동 if last_message.tool_calls: return "execute_tools" # 도구 호출이 없으면 답변 생성하고 종료 return END # 그래프 구성 builder = StateGraph(GraphState) builder.add_node("call_model", call_model) builder.add_node("execute_tools", ToolNode(tools)) builder.add_edge(START, "call_model") builder.add_conditional_edges( "call_model", should_continue, { "execute_tools": "execute_tools", END: END } ) builder.add_edge("execute_tools", "call_model") graph = builder.compile() # 그래프 출력 display(Image(graph.get_graph().draw_mermaid_png())) # 그래프 실행 inputs = {"messages": [HumanMessage(content="스테이크 메뉴의 가격은 얼마인가요?")]} messages = graph.invoke(inputs) 위 코드는 강사님께서 제공해주신 코드를 가져온 것입니다. 제가 궁금한 것은 Tool 노드를 사용하고 다시 call_model 노드로 왔을 때 SytemMessage가 중복되지 않을까? 라는 생각을 했습니다. 예를 들어 message : [유저 인풋] 가 처음으로 그래프에 들어오게된다면 def call_model(state: GraphState): system_message = SystemMessage(content=system_prompt) messages = [system_message] + state['messages'] response = llm_with_tools.invoke(messages) return {"messages": [response]} message : SystemMessage + [유저 인풋] 이 될것입니다. 그 이후 response를 호출하여 message : SystemMessage + [유저 인풋] + toolMessage 이 되어 상태를 업데이트 하고, 그리고 tool 콜이 있어서 툴노드를 마무리 한 이후 돌아왔을 땐 GraphState에 있는 message는 SystemMessage + [유저 인풋] + toolMessage + [툴이보낸 메세지] 일테니 call model 노드에서 SystemMessage + SystemMessage + [유저 인풋] + toolMessage + [툴이보낸 메세지] 가 적용되어 툴 콜 할때마다 SytemMessage가 쌓이는 구조가 되지 않을까 생각이 들었는데 맞을까요?

  • llm
  • langchain
  • rag
  • ai-agent
  • langgraph
이성규 댓글 1 좋아요 0 조회수 150

1. 동물 앨범 만들기 1-1 에서 template 배열 선언후 왜 문자열로 합치기를 했나요?

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

template 변수를 빈 배열 리터럴 초기화한 후 배열에 push() 메서드를 사용하여 생성된 이미지 요소를 삽입하는 것이 맞다 봅니다. 나중에 출력 시 join() 메서드로 문자열 출력하는 것이 좋겠네요... 🙂 const API_URL = 'https://animal-api-two.vercel.app/'; const $content = document.querySelector('div.content'); let template = []; const getData = async () => { let res = await fetch(API_URL); try { if (res) { let data = await res.json(); data.photos.forEach((elm) => { template.push(`<img src="${elm.url}" alt="${elm.name}" />`); }); $content.innerHTML = template.join(' '); } } catch (err) { console.log(err); } }; getData(); ⚠ 답변은 평일 오전 10시에 순차적으로 작성해드립니다. ⚠ '질문 해결'은 답변 작성일 기준 1일 이후에 적용됩니다.

  • javascript
  • rest-api
  • spa
  • dom
Codingbear 댓글 1 좋아요 1 조회수 141

nav 에 sign in 라인

해결됨

Figma 참조 - 반응형 쇼핑몰 웹사이트 만들기 완벽 가이드

안녕하세요 선생님 수업 잘 듣고 있습니다. 강의를 듣는 도중에 sign in 왼쪽선이랑 아래 hero 섹션에서 제일 오른쪽 꽃이미지 왼쪽선이랑 미세하게 안맞는데 피그마에서는 선이 딱 맞더라구요 이것도 딱 맞게 조정할 수 있는 방법이 있나요?

  • HTML/CSS
  • javascript
  • jquery
  • figma
김가희 댓글 2 좋아요 1 조회수 93

배포 강의에서 Blocked request 경우, vite.config.js 파일도 수정해야되나요?

해결됨

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

안녕하세요! 강의 듣다가 최종 배포에서 질문이 있습니다. 강의에서는 vite.config.js 파일 내용 수정은 없는 것 같은데요 아래 순서로 했는데 홈페이지 메인화면에서 Blocked request. This host (" 5d39-218-159-221-155.ngrok-free.app ") is not allowed. To allow this host, add " 5d39-218-159-221-155.ngrok-free.app " to server.allowedHosts in vite.config.js. 에러가 뜨는데요 vite.config.js 파일 수정을 해야되나요? 프론트, 백앤드 서버 실행 cmd 창에서 ngrok http 5173 입력 index.js 파일에서 아래와 같이 수정 app.use(cors({ //origin: "http://localhost:5173", origin: "https://5d39-218-159-221-155.ngrok-free.app", credentials: true, })); ngrok 에러는 아래와 같아요 08:36:45.923 KST GET /favicon.ico 403 Forbidden

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
호호하하 댓글 1 좋아요 0 조회수 866

코드 샌드박스 소스 입력시 콘솔이 계속 반응하는것 같아요.

해결됨

진짜! 자바스크립트(Javascript) - 기초부터 고급까지

안녕하세요 코드 샌드박스 소스 입력시 소스를 입력할때마다 console.log()가 계속 반응하는 것같은데 소스입력할때마다 반응하는 것을 멈출수 있을가요? 혹시.. 코드샌드박스 적응이 아직 안되었으면.. 비쥬얼 코드로 공부해도 큰 문제없을가요?

  • javascript
  • es6
  • 객체지향
  • es5
ymckh1005 댓글 3 좋아요 0 조회수 235

조건부 렌더링을 위해 인스턴스를 매번 생성하는 것의 장단점이 궁금합니다.

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

조건부 렌더링을 통해 다음과 같이 url 에 따라 특정 컴포넌트를 생성하는 방법을 이해했습니다. const render = () => { const path = this.state.currentPage; $app.innerHTML = ""; if (path.startsWith("/city")) { renderHeader(); renderCityDetail(); } else { renderHeader(); renderRegionList(); renderCityList(); } }; 이 경우, 컴포넌트가 추가될 때마다 this.setState 에 추가된 컴포넌트의 setState 를 추가로 호출해야 하는 번거로움도 사라진 것 같습니다. 하지만, 상세 페이지와 메인 페이지를 계속 왔다갔다 할 경우, 공통으로 호출되는 renderHeader() 와 다른 렌더링 함수가 호출되고 인스턴스가 계속 생성이 될 것 같습니다. 이렇게 인스턴스가 계속 생성이 되면, 메모리 효율이 좋지 않을 것 같은데, React나 Vue 같은 도구에서는 이런 문제를 해결해주고 있나요? 아니면, 이 정도는 크게 신경 안써도 될 정도로 미비한 건지 궁금합니다.

  • javascript
  • spa
cho766 댓글 1 좋아요 1 조회수 97

강사님의 LLM 모델의 버전이 어떻게 되나요?

해결됨

AI 에이전트로 구현하는 RAG 시스템(w. LangGraph)

안녕하세요, 강사님 Azure OpenAI API를 사용해 봤는데요. gpt-4o-mini-2024-07-18 입니다. Structured output을 하는 경우 다음과 같은 애러가 발생해요. 모델 버전 문제일 것 같기는 한데요. BadRequestError: Error code: 400 - {'error': {'code': 'BadRequest', 'message': 'response_format value as json_schema is enabled only for api versions 2024-08-01-preview and later'}} 강사님의 LLM 모델의 버전이 어떻게 되나요?

  • llm
  • langchain
  • rag
  • ai-agent
  • langgraph
SPAGGY 댓글 1 좋아요 0 조회수 247

Agent RAG 구현에서 &#x27;정보 추출 및 평가&#x27; 노드 결과 애러

미해결

AI 에이전트로 구현하는 RAG 시스템(w. LangGraph)

안녕하세요, 강사님. 강의 마지막 섹션 Agent RAG 시스템을 그래프로 구현 에서 # 4. Agent RAG 구현 부분에서 LLM 모델에 따라 결과 다르게 나오는 것 같습니다. 참고로, 저는 ANTHROPIC claude-3-7-sonnet-20250219 모델을 사용하는데요. 다음과 같이, '정보 추출 및 평가' 노드에서 애러가 발생합니다. 안정적인 결과를 얻기 위해서는 어떤 방안이 좋을지 의견을 부탁 드립니다. ---정보 추출 및 평가--- ValidationError: 2 validation errors for ExtractedInformation strips Input should be a valid list [type=list_type, input_value='[\n {\n "content": "...="query_relevance">0.95', input_type=str] For further information visit https://errors.pydantic.dev/2.10/v/list_type query_relevance Field required [type=missing, input_value={'strips': '[\n {\n "..."query_relevance">0.95'}, input_type=dict] For further information visit https://errors.pydantic.dev/2.10/v/missing 수업 영상 몇 분/초 구간인지 알려주세요.

  • llm
  • langchain
  • rag
  • ai-agent
  • langgraph
SPAGGY 댓글 2 좋아요 0 조회수 148

스크롤 속도에 따른 messageA_opacity_out

미해결

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

강사님처럼 똑같이 코드를 작성했음에도 불구하고 스크롤을 천천히 내리면 opacity가 0까지 잘 적용이되는데 스크롤을 빨리내리면 opacity가 0으로 빠지다가 그상태로 남아서 씬2까지 넘어가요. 혹시 왜그런지 알 수 있을까요?

  • HTML/CSS
  • javascript
  • 웹-디자인
  • svg
  • 인터랙티브-웹
  • 클론코딩
이상민 댓글 1 좋아요 0 조회수 139

useEffect 의존성배열

해결됨

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

의존성 배열에 보통 배열이나 객체를 넣지 않는 게 좋다고 어디서 본거 같은데 useState으로 만든 객체나 배열은 상관이 없고 const a = {a: 1, b:2} 이런 거나 const b = []; 이렇게 초기화 된 것들만 넣지 말라고 하는 것인가요? 맞다면 이유는 const a 랑 const b는 리렌더 될 때마다 참조 값이 바뀌고 useState으로 만든 것은 리렌더링이 되어도 set 함수가 쓰이지 않는 이상 참조 값이 바뀌지 않아서 그런 건가요?

  • javascript
  • react
  • node.js
Juhyeon Lee 댓글 2 좋아요 0 조회수 180

인기 태그

인프런 TOP Writers

주간 인기글