잠시 보여드릴 게 있습니다. 여기 보이는 것은 개인 맞춤화된 것입니다.00:00

제 제2의 두뇌가 수행한 여러 연구를 바탕으로 생성된 대시보드입니다.00:04

여기에는 미리 설정된 것이 아무것도 없습니다. 레이아웃 전체를 생성하고 모든 구성 요소를 즉석에서 완전히 선택했습니다.00:10

그래서 우리는 초개인화를 위해 에이전트를 사용하고 있습니다.00:16

이 모든 것은 정말 감사드립니다.00:20

생성형 UI라는 것은 혹시 들어보시거나 사용해보신 적이 없다면, 정말 흥미로운 경험을 하시게 될 겁니다, 친구분.00:21

정말 특별한 경험이 될 거예요. 가장 간단하게 설명하자면, 생성형 UI는 저희가 제공할 것들을 의미합니다.00:27

저희 담당자가 프론트엔드의 레이아웃과 구성 요소를 결정할 수 있는 역량을 갖추도록 지원하겠습니다.00:31

요즘 강력한 요원들이 점점 더 강력해지고 있는 것을 보면, 확실히 이 방향으로 나아갈 수밖에 없을 것 같습니다.00:36

저는 머지않은 미래에 아마존닷컴이나 구글닷컴에 접속했을 때, 정확히 어떤 화면이 보이는지 확실히 예측할 수 있다고 생각합니다.00:42

다음 사용자와는 상당히 다르게 보일 것입니다. 왜냐하면 사용하시는 앱의 사용 방식과 관심사에 맞춰 개인화될 것이기 때문입니다.00:48

예를 들어, 제가 시연을 위해 제작한 이 애플리케이션을 보시면, 제가 해야 할 일은 어떤 종류의 연구 자료든 붙여넣는 것뿐입니다.00:54

제 에이전트가 처리하고, 그 후 최적이라고 판단될 레이아웃과 구성 요소를 결정할 것입니다.01:00

이 정보를 저에게 좀 더 간결하게 전달해주시고, 인사이트도 함께 추출해주시면 감사하겠습니다.01:06

그리고 정말 멋있어 보이는 것 외에도, 가장 아름다운 부분은 이 기능이 매번 대시보드를 생성할 때마다 항상 놀라울 정도로 훌륭하다는 점입니다.01:12

입력 내용에 따라 달라지게 될 것입니다. 그래서 또 다른 예시를 보여드리겠습니다.01:18

이 대시보드는 제가 보고 싶어하는 내용에 맞춰 최적화되어 있어서, 완전히 다른 모습으로 보입니다.01:23

그리고, 저 부분은 에이전트 프롬프트에서 제가 최적화할 수 있는 부분입니다.01:27

여기서 중요한 점은 제가 만들어서 보여드리는 것은 단지 하나의 사용 사례일 뿐이며, 생성형 UI의 강력함을 보여드리기 위한 것이라는 점입니다.01:31

정말로 소프트웨어의 미래를 보는 것 같습니다. 그 이유와 생성형 UI가 정확히 어떻게 작동하는지 자세히 알아보겠습니다.01:37

이 애플리케이션을 위해 제가 구축한 아키텍처까지 자세히 설명드리겠습니다. 이를 통해 직접 적용하는 방법을 확인하실 수 있을 겁니다.01:44

그리고 여기 기술 스택에 꽤 많은 부분이 들어간다는 것을 알고 있습니다만, 최대한 쉽고 간단하게 설명드리겠습니다.01:50

물론, 이 프로젝트는 생성형 UI를 보여드리는 데모이며, GitHub 저장소 링크는 설명란에 연결해 두겠습니다.01:55

생성 UI를 이해하고, 이를 기반으로 자신만의 것을 구축하는 데 있어 정말 좋은 시작점이 될 것입니다.02:00

애플리케이션입니다. 여기 꽤 견고한 기술 스택을 구축하는 데 많은 노력을 기울였으니, 자세히 설명드리겠습니다.02:06

조금 더 기다려 주시면 됩니다. 하지만 저희는 Pydantic AI 에이전트를 가지고 있습니다.02:12

이것은 백엔드에서 실행되며, 구성 요소를 선택하고 레이아웃을 설계하는 에이전트입니다.02:16

그런 다음 저희의 생성형 UI 프로토콜은 구글의 A2UI를 사용하고 있습니다.02:21

이것은 사양입니다. 그럼, 에이전트가 정확히 어떻게 작동해야 하는지 말씀드리겠습니다.02:26

프론트엔드에서 렌더링할 구성 요소들을 정의하겠습니다.02:29

그래서 이 내용을 프론트엔드로 보내고 있으며, AGUI 프로토콜을 사용하고 있습니다.02:33

이전에 제 채널에서 이 부분에 대해 다루었었는데, 저희는 이 방법을 통해 에이전트를 프론트엔드와 매우 쉽게 연결할 수 있습니다.02:38

그래서 조금 혼란스러울 수도 있다는 걸 말씀드리고 싶어요.02:45

여기서는 두 가지 프로토콜이 있는데, a2ui는 컴포넌트를 지정하고 표준을 정의하는 데 사용됩니다.02:46

Agui는 API를 통해 실행되는 저희 에이전트와 프론트엔드를 연결하는 데 사용되고 있으며, Copilot을 활용하고 있습니다.02:52

코파일럿 킷을 사용하면 정말 상호작용이 풍부한 프론트엔드 앱을 만드는 것이 매우 쉬워집니다.02:58

그리고 저희 기술 스택의 다른 모든 부분과 직접적으로 통합되어 요청 사항을 처리합니다.03:04

에이전트로부터 받은 내용을 렌더링하고, 이를 React 컴포넌트로 만들어야 합니다.03:10

마지막에 사용자에게 보여드리는 아름다운 대시보드에 대해 좀 더 자세히 알아보고, 어떻게 작동하는지 살펴보겠습니다. 우선, 제가 다루고 싶은 첫 번째 내용은...03:15

당신은 고차원적인 생성형 UI이신데, 왜 이것이 그렇게 강력한가요? 그리고 정확히 어떻게 작동하는지 궁금합니다.03:22

혹시 그걸 사용해 보실 수 있으신가요? 저희는 이미 가장 기본적인 내용을 다루었습니다.03:27

생성적 UI의 정의는, 에이전트가 역할을 수행할 수 있도록 하는 것을 의미합니다.03:30

화면에 무엇이 나타나는지, 정보가 어떻게 구성되는지 파악하는 것이 중요합니다.03:35

저희의 경우처럼, 레이아웃 구성 방식에 있어서도 많은 부분을 고려하고 있습니다.03:39

에이전트에게 제어권을 많이 넘겨주는 것이죠. 현재 대부분의 에이전트 애플리케이션은 에이전트가 정보를 결정하는 것만 처리합니다.03:43

기존에 미리 설정된 레이아웃에서만 작동하는 방식이죠. 그래서 저희는 이 기능을 한 단계 더 발전시켰습니다.03:50

이런 용도로 활용할 수 있는 경우가 정말 많아요. 예를 들어 슬랙 봇이나 디스코드 봇 같은 챗 어플리케이션을 생각해 보세요.03:54

에이전트와 대화할 때, 에이전트가 우리에게 전달하는 내용을 시각적으로 이해하는 것이 텍스트 응답만 받는 것보다 훨씬 유용한 경우가 많습니다. 그래서 생성형 UI를 통해 대화 도중에 컴포넌트를 렌더링하고, 우리 대화에 맞춰 커스터마이징할 수 있다는 점은,04:00

정말 강력합니다. 그리고 공동 작업 공간이라는 아이디어가 있습니다. 이건 제가 제 사용 사례를 위해 구축한 것과 비슷합니다. 그래서 에이전트와 함께 작업하는 상황입니다. 캔버스에 결과물과 미리보기가 표시됩니다.04:07

정말 대단하네요. 그리고 협업 창작 공간이라는 아이디어도 있습니다.04:15

이건 제가 제 용도에 맞게 구축한 것과 더 비슷합니다. 그리고 여기에서 에이전트와 함께 작업하게 됩니다.04:19

화면에서 결과물과 미리보기를 확인할 수 있습니다.04:25

저희 AI가 생성한 UI가 등장하고 진화하는, 공유 작업 공간이 됩니다.04:29

그래서 대시보드는 실제로 이 예시를 그대로 보여주는데, 제가 만든 것과 완전히 똑같습니다.04:34

이것을 활용하여 어떤 종류의 애플리케이션을 만들 수 있을지 몇 가지 아이디어를 드리고자 합니다.04:39

저는 이커머스 매장이 추천 시스템을 활용하는 또 다른 좋은 예시라고 생각합니다.04:44

각 사용자 개개인을 학습하는 알고리즘으로, 특정 제품을 추천하는 것뿐만 아니라 변화를 가져올 것입니다.04:48

전반적인 레이아웃이 사용자가 구매해야 한다고 생각하는 것에 맞춰져 있어서, 앞으로 그런 모습을 많이 보게 될 것 같습니다.04:53

향후 그리고 생성형 UI를 이해하는 데 정말 중요한 또 다른 점은...04:58

에이전트에게 얼마나 통제권을 부여하는지에 따라 실제로 스펙트럼이 존재합니다.05:02

프로그래머로서, 여기에는 세 가지 범주가 있습니다. 정적 UI, 선언적 UI, 그리고 개방형 UI가 있습니다.05:07

지금 말씀드린 내용이 조금 횡설분해 들릴 수도 있겠지만, 걱정하지 마세요. 곧 자세히 설명드리겠습니다.05:14

그리고 이것은 중요합니다. 선언적 UI에서는 특히 이 부분에 가장 관심이 있습니다.05:17

이것이 가장 혁신적이라고 생각하며, 구글의 A2 UI 사양을 이어서 구현한 것 같습니다. 여기서 '에이전트'라는 개념이 중요한 역할을 하는 것 같습니다.05:21

부품들을 라이브러리에서 선택한 후, 프론트엔드에서 표시할 수 있도록 전달해 드리겠습니다.05:26

동적으로 변화하는 방식입니다. 따라서 정적인 생성 UI부터 시작해서, 이것은 가장 고전적인 방식이며, 흔히 볼 수 있습니다.05:31

지금 웹 전체에서 끊임없이 사용하고 있습니다. 저희는 에이전트를 활용하여 정말로 결정을 내리는 데 사용하고 있습니다.05:36

표시할 정보가 없어서 컴포넌트를 렌더링하지 못하고, 레이아웃을 정의하지도 못하는 것 같습니다.05:42

지금 뉴욕 시의 온도를 확인하는 중입니다. 에이전트가 정보를 가져오고 있습니다.05:47

이 정보는 UI의 다른 부분에 영향을 미치지는 않지만, 완전히 반대되는 경우에 사용됩니다.05:52

스펙트럼의 일부로서, 우리는 열린 생성형 UI를 가지고 있으며, 여기서 에이전트는 단순히 ~를 결정하는 것을 선택하지 않습니다.05:58

컴포넌트와 레이아웃을 디자인하면, 실제로는 HTML, CSS, JSX 등 모든 코드를 자동으로 생성해 줍니다.06:04

그 곤충은 프론트엔드에서 렌더링되도록 설계되었기 때문에 가장 유연합니다.06:10

물론, 보안과 성능이 중요한 문제이기는 합니다. 결국 저희는 완전히 임의적인 내용을 렌더링하고 있으니까요.06:14

내 생각에는 콘텐츠가 중요하죠. 그런데, 혹시 제가 말씀드린 것처럼 제 에이전트가 그런 내용을 생성하는 건 제게는 좀 불편할 것 같습니다.06:21

저희 사용자들이 앱에서 UI 전체를 실시간으로 렌더링하는 거죠.06:27

그래서 중간 옵션인 선언적 생성 UI를 고려하게 됐어요.06:31

그래서 이런 점에 제가 매우 관심이 있습니다.06:36

에이전트가 선택할 수 있는 미리 구성된 구성 요소 라이브러리를 보유하는 개념입니다.06:38

이것, 이것, 이것을 선택해서, 이렇게 배치해 보겠습니다.06:45

그리고 여기는 매개변수입니다. 정확히 표시해야 할 데이터, 숫자와 텍스트입니다.06:48

따라서 저희는 아직 어떤 형태의 인터페이스를 생성할지에 대해 많은 자유도를 가지고 있습니다.06:53

저희가 컴포넌트 라이브러리와 에이전트 프롬프팅을 통해 관리할 수 있는 범위 내에 머물도록 할 것입니다.06:59

이러한 다양한 생성형 UI 방식에는 분명히 장단점이 존재한다고 말씀드리겠습니다.07:04

그래서 저희가 기술 스택을 선택할 때, gen UI에 구애받지 않는 것을 선택하는 것이 중요합니다.07:09

이상하게 저한테는 발음하기 좀 어려운 단어네요. 하지만 네, 저희는 AGUI를 프론트엔드와 에이전트를 연결하는 프로토콜로 사용하고 있습니다.07:14

정적이든, 개방형이든, 선언형 생성 UI든 상관없이 잘 작동할 거예요.07:21

그리고 저희는 CopilotKit을 프론트엔드 프레임워크로 사용하여 모든 것을 렌더링하고 에이전트와 함께 작동할 계획입니다.07:26

이것도 분명히 잘 될 거예요, 아무리 해도.07:31

그래서 제가 보여드리는 사용 사례와 제가 가장 관심 있는 부분은 중간에 컴포넌트 라이브러리에서 선택하는 것입니다.07:33

이 기술 스택으로는 어떤 종류의 애플리케이션을 만들 수 없을 것 같습니다.07:40

네, 이제 Generative UI가 어떻게 작동하는지 대략적으로 아셨으니, 좀 더 자세히 알아보고 싶습니다.07:43

제 사용 사례에 맞춰 기술 스택을 자세히 설명드리고, 각 계층이 어떻게 소통하는지 말씀드리겠습니다.07:47

서로 함께 해보시면, 생성형 UI가 어떻게 작동하는지 정확히 이해하는 데 큰 도움이 될 것입니다.07:53

그리고 나서 너무 깊게 파고들지 않도록 약속드리겠습니다. 하지만 최소한 조금이라도 코드를 보여드리고 싶습니다.07:57

저희 에이전트가 어떤 컴포넌트 라이브러리를 선택할 수 있는지 이해하시는 데 도움이 되고자 합니다.08:02

프론트엔드와 계약을 어떻게 맺어서 어떤 종류의 컴포넌트를 사용할 수 있는지 알 수 있도록 하는 방식입니다.08:07

그리고 예상하고, 정확히 어떻게 렌더링하는지 살펴볼까요? 우선, 여기서 가장 먼저 다루어야 할 것은 입력입니다.08:12

저희가 수행한 AI 연구에 대한 내용입니다. 이 연구를 통해 얻은 통찰력과 핵심 내용을 요약하고자 합니다.08:18

네, 그럼 제가 간단하게 예시를 보여드리겠습니다. 여기는 제 두뇌 연구 대시보드 홈페이지입니다.08:25

물론 저는 오픈클로(OpenClaw), 또는 이전에는 클로데봇(Claudebot)이라고 알려졌던 프로젝트의 모든 진행 상황을 주시하고 있었습니다.08:31

그래서 에이전트들과 많은 조사를 진행해 왔습니다. 이것은 제가 가지고 있던 마크다운 문서의 한 예시입니다.08:37

네, 그럼 바로 보내 드릴 수 있겠네요.08:42

알겠습니다. 입력이 완료되었습니다. 이제 바로 프로세스가 시작되었고, 그 안에서...08:45

지금 뒤에서 에이전트가 부품과 레이아웃을 선택하고 있습니다.08:50

그리고 한번 살펴보세요. 문서 분류가 완료되어서 현재 40% 진행되었습니다.08:53

따라서 이렇게 레이아웃을 정의하는 것입니다. 그리고 나서, 이것을 선택할 것입니다.08:58

라이브러리에서 개별 구성 요소를 선택하고 있습니다. 여기 다이어그램을 다시 보면, 이 상태로 계속09:03

비하인드에서 생성하도록 하겠습니다. 제가 이 사용 사례에 관심을 갖게 된 이유는...09:09

요즘 마크다운 작업 때문에 정말 힘드네요. 마치 마크다운 피로 누적된 것 같아요.09:14

정말 바보 같은 이야기일지도 모르지만, 제 두 번째 뇌를 활용하고, 여러 요원들과 함께 많은 조사를 진행하고 있습니다.09:18

정말 항상 저렇게 많은 글을 읽어봐야 하다니, 힘드네요.09:23

제가 생성하는 에이전트의 답변을 최대한 간결하게 유지하려고 노력했지만, 마크다운을 계속 읽어보는 것에 너무 질려버렸습니다.09:27

실제로 바로 이 점이 저를 이 사용 사례를 구축하도록 영감을 주었습니다. 덕분에 대시보드를 통해 훨씬 빠르게 인사이트를 얻을 수 있게 되었거든요.09:33

그래서 Generative UI는 제가 알아야 할 내용에 맞춰 콘텐츠도 조정해 주어 이 문제를 해결합니다.09:40

그리고 혹시라도 제가 대시보드에서 필요한 정보를 충분히 얻지 못한다고 생각할 때가 있다면, 에이전트의 프롬프트를 조정해야 할 것 같습니다.09:46

정말 유연하고, 시간이 지나면서 시스템을 계속 발전시켜 나갈 수 있을 것 같습니다.09:52

제가 가르치는 에이전트 코딩의 원리와 정말 비슷합니다. 그리고 백엔드에는 Podantic AI 에이전트가 있습니다.09:56

이 입력값을 받아 화면의 레이아웃과 구성 요소를 정의합니다. 방금 보셨던 것처럼 말이죠.10:01

저희 브라우저 내에서, 컴포넌트를 생성하기로 결정할 때마다, 다음과 같은 결과를 출력하게 됩니다.10:06

특정 JSON입니다. A2 UI 프로토콜을 따르고 있습니다.10:12

그리고 제가 이미 조금 말씀드렸듯이, 결국에는 컴포넌트의 ID가 어떻개 되는지 정의합니다.10:16

여기 컴포넌트의 이름이 있습니다. 그래서 프론트엔드는 무엇을 렌더링해야 하는지 알게 됩니다.10:22

그리고 아이들이 있습니다. 그러면 레이아웃을 정의하는 데 도움이 되고, 여기서 보여드리지 않지만, 다른 요소들도 있습니다.10:25

따라서 프론트엔드에 있는 어떤 컴포넌트에서든 특정 텍스트나 숫자들을 처리해야 합니다.10:32

에이전트도 이를 결정할 수 있도록, 정적 생성 UI와 마찬가지로 표시해 주세요.10:37

그래서 담당자가 이러한 JSON 설정들을 많이 만들 거고, 모든 구성 요소들이 관련될 겁니다.10:43

그러고 싶어하는 것 같아요. 그리고 AGUI를 통해 프론트엔드로 스트리밍하게 될 거예요.10:48

그래서 여기 있는 것은 에이전트가 계속해서 이벤트를 내보낼 수 있도록 하는 표준 방식입니다.10:53

저희 백엔드와 프론트엔드 간의 실시간 동기화입니다.10:59

방금 대시보드에서 확인해 보셨듯이, 비율이 0%에서 40%로 증가했습니다.11:02

요원께서 말씀하시길, 제가 작업을 시작했습니다. 대시보드 생성을 시작하고 있습니다.11:07

그래서 저희는 프론트엔드에 그것을 표시하고, 그러면 레이아웃을 결정하고, 컴포넌트 생성으로 넘어갑니다.11:10

그래서 프론트엔드에서 진행 상황을 업데이트하고, 여기서는 보여드리지는 않지만, 이론적으로 이 컴포넌트들을 스트리밍할 수도 있습니다.11:15

대시보드가 만들어지는 과정을 실시간으로 지켜볼 수 있죠.11:20

저의 경우, 현재는 모든 것을 기다리고 한꺼번에 표시하는 방식으로 진행하고 있습니다. 하지만 그렇게 하는 것도 가능할 것 같습니다. 저희는 이런...11:24

AGUI 덕분에 동기화가 정말 편리하고, CopilotKit을 사용하면 렌더링하는 것도 훨씬 수월합니다.11:30

그리고 AGUI와 Pydantic AI와도 직접적으로 통합되어 있습니다.11:35

그래서 이러한 모든 요소들이 함께 조화롭게 작동하여, 프론트엔드와 백엔드를 매끄럽게 연결할 수 있는 경험을 제공하게 됩니다.11:40

에이전트에게 직접 전달하게 될 것이고, 그렇지 않다면 수백 줄 또는 수천 줄의 코드가 필요할 것입니다.11:46

코파일럿킷, AGUI, 그리고 Pydantic AI를 사용합니다.11:52

여기 코드 부분을 조금 살펴볼까요?11:56

제가 계속 높은 수준을 유지하도록 노력하겠습니다. 단지 저희가 어떻게 이런 종류의 계약을 맺는지 보여드리고 싶을 뿐입니다.11:59

백엔드와 프론트엔드입니다. 에이전트에게 옵션을 제공하고 있어요.12:03

렌더링할 수 있는 다양한 컴포넌트들이 여기 있습니다.12:07

그래서 저희가 에이전트에게 전달하는 시스템 프롬프트에, 이러한 다양한 컴포넌트를 어떻게 사용해야 하는지, 그리고 props와 같은 것들을 정확히 어떻게 정의해야 하는지 설명하고 있습니다.12:11

저희가 이러한 다양한 컴포넌트를 사용하고 싶을 때, 정확히 props와 같은 것들을 어떻게 정의해야 하는지 설명하고 있습니다.12:14

각 컴포넌트에 표시할 텍스트와 숫자는 무엇인가요?12:19

그리고 어떤 정보에 접근할 수 있는지, 시스템 프롬프트는 어떻게 전달하는지, 이것이 에이전트가 이러한 것들을 생성하도록 안내하는 방법입니다.12:23

그리고 시스템 프롬프트의 일부로서, A2 UI 사양에 대해서도 설명하고 있습니다.12:30

이것이 컴포넌트 이름, 속성, ID와 같은 것들을 출력하는 정확한 방법입니다.12:36

그리고 프론트엔드에도 동일한 종류의 계약이 있습니다. 그래서 여기에서 동일한 컴포넌트들이12:41

여기서 말씀하셨네요. 하지만 프론트엔드에서는 실제로 렌더링될 JSX 코드가 있습니다.12:47

요청하신 컴포넌트를 선택하고, 표시하고자 하는 데이터에 대한 props 또한 선택합니다.12:52

그래서 여기 있는 모든 구성 요소에 대해, AGY 폴더에 정의되어 있습니다.12:56

정말 깔끔하고 잘 정리해 놓아서 보기 좋네요. 물론, 이것저것 다 보여드릴 수는 없지만, 여기 하나 보여드릴게요.13:01

간단함을 보여드리는 것과 같이, 정말 기본적인 React 컴포넌트입니다.13:07

하지만 언제 렌더링할지는 에이전트가 결정하고, 모든 값도 에이전트가 결정합니다.13:11

이 테이블 컴포넌트의 경우, 여기서 헤더를 결정합니다.13:16

자, 이것이 제목과 자막입니다. 필요에 따라 선택적으로 사용할 수도 있습니다.13:19

그 모든 것을 결정합니다. 프론트엔드의 역할은 레이아웃과 컴포넌트 요청을 받아들이는 것입니다.13:23

그리고 생성할 모든 구성 요소에 그것을 매핑해야 합니다. 그리고 우리가 절대적으로 필요로 하는 것은 아니기도 합니다.13:30

파이던틱 AI나 코파일럿킷을 사용하여 할 수 있습니다. 다른 에이전트 프레임워크를 사용할 수도 있습니다.13:35

AGUI를 꼭 사용하실 필요는 없으세요. CopilotKit도 필요하지 않고요. 다른 규격도 사용할 수 있을 것 같습니다.13:39

A2 UI네요. 그런데 이 기술 스택이 정말 제게 이러한 것들을 구축하는 것을 너무나 쉽게 만들어주는 것 같아요.13:46

애플리케이션들을 작업하고 있습니다. 다른 몇 가지 프로토타입을 만들고 있는데, 이 프로젝트를 구축하고 있습니다.13:51

정말 특별하고, 굉장한 즐거움이었어요. 그리고 정말 놀랍도록 잘 작동하네요.13:55

그래서 저희가 진행하고 있는 일들이 꽤 여러 가지 있다는 것을 알고 있습니다만, 함께 보면 정말 강력한 효과를 낼 수 있다고 생각합니다.13:59

그리고 저는 이러한 어플리케이션들이 소프트웨어의 미래라고 정말로 생각합니다.14:05

자, 그럼 다시 대시보드로 돌아가 볼까요? 여기가 생성 과정의 시작 부분을 보았던 곳입니다.14:09

자, 이제 시작하겠습니다. 저희는 이 텍스트가 동적으로 생성되는 것을 확인했습니다. 실시간으로 나타나는 것을 보았습니다.14:14

그리고 글자 간 간격 조절 같은 것들도 알고 있어요.14:18

물론 완벽하지는 않지만, 이렇게 보여드리는 것 자체가 큰 의미가 있습니다. 정말 놀랍네요.14:20

여기서 우리가 생성할 수 있는 것들을 보면 정말 놀라워요.14:25

정말 멋져 보입니다. 그리고...14:28

네, 덕분에 제 클로데봇에 대한 연구에 정말 많은 도움이 되었습니다. 음, 클로데봇이라고 해야 할 것 같습니다.14:31

오픈클로라고 말씀드리겠습니다. 그리고 혹시 나노클로라는 다른 대안도 있는데, 아마 영상에서 다루도록 하겠습니다.14:36

제 채널에서도 곧 다룰 예정이니, OpenClaw의 또 다른 정말 흥미로운 대안이 될 것 같습니다. 하지만 아무튼, 이야기가 딴 데로 샜네요, 여러분.14:41

에이전트 연구에 빠져들기가 얼마나 쉬운지 알 수 있을 거예요. 하지만요...14:47

이 영상이 여러분께 도움이 되었기를 진심으로 바랍니다. 생성형 UI에 대한 이해에 도움이 되었으면 좋겠네요.14:51

그게 왜 그렇게 강력한지, 그리고 그걸 가지고 어떻게 직접 구축해 나갈 수 있는지, 정말로 직접 경험해 보시기를 강력히 권장합니다.14:56

설명란에 링크해 둔 템플릿을 직접 확인해 보세요. 앞으로도 더 많은15:01

생성 UI에 대한 내용에 관심이 많으신가요, 아니면 더 많은 콘텐츠를 기대하고 계신가요?15:06

에이전트 제작에 대한 일반적인 내용이었는데요, 좋아요와 구독을 부탁드립니다.15:10

자, 그럼 다음 영상에서 뵙겠습니다.15:14