agents-course/pr_653/ko/_app/immutable/nodes/29.4e80fcbd.js

import{s as St,n as Qt,o as bt}from"../chunks/scheduler.cc52f4b9.js";import{S as ct,i as Tt,e as i,s as p,c as $,h as Et,a as r,d as a,b as l,f as yt,g as m,j as x,k as Pt,l as Ht,m as n,n as s,t as f,o as g,p as h}from"../chunks/index.1e918bfb.js";import{C as At}from"../chunks/CopyLLMTxtMenu.9e741ad4.js";import{Q as I}from"../chunks/Question.dafc0360.js";import{H as R,E as kt}from"../chunks/MermaidChart.svelte_svelte_type_style_lang.daa0d9e5.js";function Rt(ot){let L,O,z,U,u,B,o,D,G,Gt="<code>LangGraph</code>에 대한 이해도를 간단한 퀴즈로 확인해보세요! 지금까지 배운 핵심 개념을 복습하는 데 도움이 됩니다.",F,C,Ct="이 퀴즈는 선택 사항이며 채점되지 않습니다.",J,w,K,v,wt="LangGraph가 무엇을 위해 설계되었는지 가장 잘 설명하는 문장은?",N,_,V,W,X,M,Y,d,vt="다음 중 LangGraph의 에이전트 설계 접근 방식을 가장 잘 설명한 문장은?",Z,q,tt,et,at,y,nt,P,_t="다음 중 LangGraph에서 상태(State)에 대한 설명으로 가장 적절한 것은?",pt,S,lt,Q,it,b,Mt="조건부 엣지에 대한 설명으로 가장 적절한 것은?",rt,c,$t,mt,st,T,ft,E,dt="환각에 대한 설명으로 가장 적절한 것은?",gt,H,ht,A,qt="축하합니다! 🎉 틀린 문제가 있다면, 앞에서 다룬 내용들을 다시 검토해보세요. 이제 LangGraph의 더 심화 기능을 알아보고, 더 복잡한 에이전트 워크플로우를 구축하는 방법을 배워봅시다.",Lt,k,xt,j,ut;return u=new At({props:{containerStyle:"float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"}}),o=new R({props:{title:"LangGraph 이해도 테스트",local:"test-your-understanding-of-langgraph",headingTag:"h1"}}),w=new R({props:{title:"Q1: LangGraph의 주요 목적은 무엇인가요?",local:"q1-what-is-the-primary-purpose-of-langgraph",headingTag:"h3"}}),_=new I({props:{choices:[{text:"LLM을 포함한 애플리케이션의 제어 흐름을 구축하기 위한 프레임워크",explain:"LangGraph는 LLM을 사용하는 애플리케이션의 제어 흐름을 구축하고 관리하는 데 특화되어 있습니다.",correct:!0},{text:"다양한 LLM 모델과 상호작용할 수 있는 인터페이스를 제공하는 라이브러리",explain:"이 설명은 LangChain의 역할에 더 가깝습니다. LangChain은 모델과의 상호작용을 위한 표준 인터페이스를 제공하는 역할, LangGraph는 제어 흐름에 중점을 둡니다."},{text:"도구를 호출하기 위한 Agent 라이브러리",explain:"LangGraph는 Agent와 함께 사용하는 것은 맞지만, LangGraph의 주요 목적은 '오케스트레이션(Orchestration)'입니다."}]}}),M=new R({props:{title:"Q2: “제어 vs 자유” 관점에서 LangGraph는 어디에 속하나요?",local:"q2-in-the-context-of-the-control-vs-freedom-trade-off-where-does-langgraph-stand",headingTag:"h3"}}),q=new I({props:{choices:[{text:"LangGraph는 LLM에게 자유도를 높게 주어 모든 결정을 독립적으로 내릴 수 있도록 합니다.",explain:"LangGraph는 오히려 구조화된 워크플로우를 제공하여 LLM의 동작을 제어합니다."},{text:"LangGraph는 실행 흐름에 대한 강력한 제어를 제공하면서 동시에 의사결정을 위해 LLM 기능을 활용합니다",explain:"LangGraph는 구조화된 워크플로우를 통해 에이전트의 실행을 예측 가능하게 하고, LLM의 결정을 활용할 수 있게 설계되어 있습니다.",correct:!0}]}}),y=new R({props:{title:"Q3: LangGraph에서 상태(State)의 역할은 무엇인가요?",local:"q3-what-role-does-state-play-in-langgraph",headingTag:"h3"}}),S=new I({props:{choices:[{text:"상태(State)는 LLM이 생성한 것 중 가장 최신 결과입니다.",explain:"상태(State)는 LangGraph에서 사용자가 정의한 클래스로, LLM이 생성한 것이 아닙니다. 사용자가 필드를 정의하고 그 값은 LLM이 채울 수 있습니다"},{text:"상태(State)는 실행 중 발생한 오류를 추적하는 데만 사용됩니다",explain:"상태는 오류 추적 외에도 다양한 목적으로도 사용됩니다. 물론 오류 추적 또한 유용하게 사용되는 예시입니다."},{text:"상태(State)는 에이전트 어플리케이션을 통해 흐르는 정보를 나타냅니다",explain:"상태(State)는 LangGraph의 핵심적인 역할을 하며, 각 노드 간 의사결정에 필요한 모든 정보를 담고 있습니다. 사용자가 필요한 필드를 정의하면, 노드가 필드 값을 변경하며 흐름을 결정합니다.",correct:!0},{text:"상태(State)는 외부 API와 작업할 때만 관련이 있습니다",explain:"상태(State)는 외부 API와 작업하는 어플리케이션뿐만 아니라 모든 LangGraph 어플리케이션의 필수 요소입니다."}]}}),Q=new R({props:{title:"Q4: LangGraph에서 조건부 엣지(Conditional Edge)란 무엇인가요?",local:"q4-what-is-a-conditional-edge-in-langgraph",headingTag:"h3"}}),c=new I({props:{choices:[{text:"조건을 평가하여 다음에 실행할 노드를 결정하는 엣지",explain:"조건부 엣지는 현재 상태(State)를 기반으로 그래프가 동적 라우팅을 수행하여 워크플로우에 분기 로직을 만듭니다.",correct:!0},{text:"특정 조건이 발생할 때만 따라가는 엣지",explain:"조건부 엣지는 어플리케이션의 입력이 아닌 출력을 기반으로 흐름을 제어합니다."},{text:"진행 전에 사용자 확인이 필요한 엣지",explain:"조건부 엣지는 사용자 상호작용이 아닌, 프로그래밍 조건에 따라 동작합니다."}]}}),T=new R({props:{title:"Q5: LangGraph는 LLM의 환각(hallucination) 문제를 어떻게 해결하는 데 도움이 되나요?",local:"q5-how-does-langgraph-help-address-the-hallucination-problem-in-llms",headingTag:"h3"}}),H=new I({props:{choices:[{text:"LangGraph는 LLM 응답을 제한하여 환각을 완전히 제거합니다",explain:"어떤 프레임워크도 LLM의 환각을 완전히 제거할 수 없으며, LangGraph도 예외는 아닙니다."},{text:"LangGraph는 LLM 출력을 검증하고 확인할 수 있는 구조화된 워크플로우를 제공합니다",explain:"LangGraph는 검증 단계, 확인 노드, 오류 처리 경로 등을 구조화한 워크플로우를 통해 환각의 영향을 줄이는데 도움을 줍니다.",correct:!0},{text:"LangGraph는 환각에 영향을 주지 않습니다",explain:"LangGraph는 구조화된 워크플로우를 통해, 속도를 희생하더라도 환각 완화에 효과적입니다."}]}}),k=new kt({props:{source:"https://github.com/huggingface/agents-course/blob/main/units/ko/unit2/langgraph/quiz1.mdx"}}),{c(){L=i("meta"),O=p(),z=i("p"),U=p(),$(u.$$.fragment),B=p(),$(o.$$.fragment),D=p(),G=i("p"),G.innerHTML=Gt,F=p(),C=i("p"),C.textContent=Ct,J=p(),$(w.$$.fragment),K=p(),v=i("p"),v.textContent=wt,N=p(),$(_.$$.fragment),V=p(),W=i("hr"),X=p(),$(M.$$.fragment),Y=p(),d=i("p"),d.textContent=vt,Z=p(),$(q.$$.fragment),tt=p(),et=i("hr"),at=p(),$(y.$$.fragment),nt=p(),P=i("p"),P.textContent=_t,pt=p(),$(S.$$.fragment),lt=p(),$(Q.$$.fragment),it=p(),b=i("p"),b.textContent=Mt,rt=p(),$(c.$$.fragment),$t=p(),mt=i("hr"),st=p(),$(T.$$.fragment),ft=p(),E=i("p"),E.textContent=dt,gt=p(),$(H.$$.fragment),ht=p(),A=i("p"),A.textContent=qt,Lt=p(),$(k.$$.fragment),xt=p(),j=i("p"),this.h()},l(t){const e=Et("svelte-u9bgzb",document.head);L=r(e,"META",{name:!0,content:!0}),e.forEach(a),O=l(t),z=r(t,"P",{}),yt(z).forEach(a),U=l(t),m(u.$$.fragment,t),B=l(t),m(o.$$.fragment,t),D=l(t),G=r(t,"P",{"data-svelte-h":!0}),x(G)!=="svelte-1jcsgmt"&&(G.innerHTML=Gt),F=l(t),C=r(t,"P",{"data-svelte-h":!0}),x(C)!=="svelte-rh2x3h"&&(C.textContent=Ct),J=l(t),m(w.$$.fragment,t),K=l(t),v=r(t,"P",{"data-svelte-h":!0}),x(v)!=="svelte-tkec85"&&(v.textContent=wt),N=l(t),m(_.$$.fragment,t),V=l(t),W=r(t,"HR",{}),X=l(t),m(M.$$.fragment,t),Y=l(t),d=r(t,"P",{"data-svelte-h":!0}),x(d)!=="svelte-191mbsk"&&(d.textContent=vt),Z=l(t),m(q.$$.fragment,t),tt=l(t),et=r(t,"HR",{}),at=l(t),m(y.$$.fragment,t),nt=l(t),P=r(t,"P",{"data-svelte-h":!0}),x(P)!=="svelte-1ywsl27"&&(P.textContent=_t),pt=l(t),m(S.$$.fragment,t),lt=l(t),m(Q.$$.fragment,t),it=l(t),b=r(t,"P",{"data-svelte-h":!0}),x(b)!=="svelte-hdusim"&&(b.textContent=Mt),rt=l(t),m(c.$$.fragment,t),$t=l(t),mt=r(t,"HR",{}),st=l(t),m(T.$$.fragment,t),ft=l(t),E=r(t,"P",{"data-svelte-h":!0}),x(E)!=="svelte-ee9ffy"&&(E.textContent=dt),gt=l(t),m(H.$$.fragment,t),ht=l(t),A=r(t,"P",{"data-svelte-h":!0}),x(A)!=="svelte-ofayhy"&&(A.textContent=qt),Lt=l(t),m(k.$$.fragment,t),xt=l(t),j=r(t,"P",{}),yt(j).forEach(a),this.h()},h(){Pt(L,"name","hf:doc:metadata"),Pt(L,"content",zt)},m(t,e){Ht(document.head,L),n(t,O,e),n(t,z,e),n(t,U,e),s(u,t,e),n(t,B,e),s(o,t,e),n(t,D,e),n(t,G,e),n(t,F,e),n(t,C,e),n(t,J,e),s(w,t,e),n(t,K,e),n(t,v,e),n(t,N,e),s(_,t,e),n(t,V,e),n(t,W,e),n(t,X,e),s(M,t,e),n(t,Y,e),n(t,d,e),n(t,Z,e),s(q,t,e),n(t,tt,e),n(t,et,e),n(t,at,e),s(y,t,e),n(t,nt,e),n(t,P,e),n(t,pt,e),s(S,t,e),n(t,lt,e),s(Q,t,e),n(t,it,e),n(t,b,e),n(t,rt,e),s(c,t,e),n(t,$t,e),n(t,mt,e),n(t,st,e),s(T,t,e),n(t,ft,e),n(t,E,e),n(t,gt,e),s(H,t,e),n(t,ht,e),n(t,A,e),n(t,Lt,e),s(k,t,e),n(t,xt,e),n(t,j,e),ut=!0},p:Qt,i(t){ut||(f(u.$$.fragment,t),f(o.$$.fragment,t),f(w.$$.fragment,t),f(_.$$.fragment,t),f(M.$$.fragment,t),f(q.$$.fragment,t),f(y.$$.fragment,t),f(S.$$.fragment,t),f(Q.$$.fragment,t),f(c.$$.fragment,t),f(T.$$.fragment,t),f(H.$$.fragment,t),f(k.$$.fragment,t),ut=!0)},o(t){g(u.$$.fragment,t),g(o.$$.fragment,t),g(w.$$.fragment,t),g(_.$$.fragment,t),g(M.$$.fragment,t),g(q.$$.fragment,t),g(y.$$.fragment,t),g(S.$$.fragment,t),g(Q.$$.fragment,t),g(c.$$.fragment,t),g(T.$$.fragment,t),g(H.$$.fragment,t),g(k.$$.fragment,t),ut=!1},d(t){t&&(a(O),a(z),a(U),a(B),a(D),a(G),a(F),a(C),a(J),a(K),a(v),a(N),a(V),a(W),a(X),a(Y),a(d),a(Z),a(tt),a(et),a(at),a(nt),a(P),a(pt),a(lt),a(it),a(b),a(rt),a($t),a(mt),a(st),a(ft),a(E),a(gt),a(ht),a(A),a(Lt),a(xt),a(j)),a(L),h(u,t),h(o,t),h(w,t),h(_,t),h(M,t),h(q,t),h(y,t),h(S,t),h(Q,t),h(c,t),h(T,t),h(H,t),h(k,t)}}}const zt='{"title":"LangGraph 이해도 테스트","local":"test-your-understanding-of-langgraph","sections":[{"title":"Q1: LangGraph의 주요 목적은 무엇인가요?","local":"q1-what-is-the-primary-purpose-of-langgraph","sections":[],"depth":3},{"title":"Q2: “제어 vs 자유” 관점에서 LangGraph는 어디에 속하나요?","local":"q2-in-the-context-of-the-control-vs-freedom-trade-off-where-does-langgraph-stand","sections":[],"depth":3},{"title":"Q3: LangGraph에서 상태(State)의 역할은 무엇인가요?","local":"q3-what-role-does-state-play-in-langgraph","sections":[],"depth":3},{"title":"Q4: LangGraph에서 조건부 엣지(Conditional Edge)란 무엇인가요?","local":"q4-what-is-a-conditional-edge-in-langgraph","sections":[],"depth":3},{"title":"Q5: LangGraph는 LLM의 환각(hallucination) 문제를 어떻게 해결하는 데 도움이 되나요?","local":"q5-how-does-langgraph-help-address-the-hallucination-problem-in-llms","sections":[],"depth":3}],"depth":1}';function jt(ot){return bt(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class Ft extends ct{constructor(L){super(),Tt(this,L,jt,Rt,St,{})}}export{Ft as component};