[00:00]
Trae AI, 이 무료 AI 코딩 도우미와 MCP는
[00:03]
정말 놀랍습니다. 제가 말씀드리는 건
[00:06]
완전히 무료인 코딩 어시스턴트로
[00:09]
GPT 4.1과 Claude의 3.7,
[00:10]
그리고 Gemini 2.5 Pro를 제한 없이
[00:15]
무료로 이용할 수 있다는 겁니다.
[00:18]
제가 확인한 바로는 말이죠.
[00:20]
게다가 이건 일반적인 체험판이 아닙니다.
[00:22]
실제로 코딩하면서
[00:23]
웹 검색도 할 수 있고,
[00:25]
커스텀 에이전트를 만들 수 있으며,
[00:28]
단 한 푼도 들이지 않고 자신만의 MCP 서버를 연결할 수 있죠.
[00:30]
Trae가 방금 대규모 업데이트를 했는데
[00:32]
세 가지 측면에서 모든 것이 바뀌었습니다.
[00:34]
첫 번째로,
[00:36]
프리미엄 모델을 무료로 제공합니다.
[00:37]
구독할 필요도 없고
[00:38]
신용카드 정보를 입력할
[00:40]
필요도 전혀 없습니다. 두 번째로,
[00:41]
맞춤형 코딩 에이전트를 도입했고
[00:44]
로컬에 다운로드할 수 있습니다.
[00:46]
예를 들어, 여기서 우리는 자신만의 커스텀 AI 에이전트를
[00:50]
설정하고 구축할 수 있는데
[00:53]
각각의 작업에 맞는
[00:54]
특별한 프롬프트를 설정할 수 있습니다.
[00:56]
세 번째로는 코딩하면서
[00:58]
직접 웹 검색을 할 수 있고
[01:00]
컨텍스트로 URL을 추가할 수 있습니다.
[01:03]
이 업데이트로 각 에이전트에
[01:06]
자신만의 MCP 서비스를 연결할 수 있게 됐죠.
[01:07]
마켓플레이스는 잠시 후에 보여드리겠습니다.
[01:10]
인터페이스가 더 깔끔해졌고
[01:12]
프리미엄 기능을 무료로 제공하며
[01:15]
로컬에서 작업하고
[01:16]
프로젝트를 구축할 수 있습니다.
[01:18]
바로 시작해보겠습니다.
[01:19]
먼저 Trae AI로 가보세요.
[01:21]
t r a.ai입니다. 여기서 다운로드하세요.
[01:24]
다운로드하고 나면
[01:25]
Trae로 들어가시면 됩니다.
[01:28]
이건 실제로 틱톡을 만든
[01:30]
바이트댄스에서 만든 겁니다. 코딩을 시작할 수 있죠.
[01:32]
여기를 보시면
[01:35]
여러 가지 옵션이 있습니다.
[01:36]
내장된 AI 에이전트가 있어서
[01:38]
직접 무언가를 만들 수 있고
[01:40]
빌더 안에는
[01:41]
웹 검색 기능이 내장되어 있습니다.
[01:44]
미리보기가 가능하고
[01:46]
터미널과 파일 시스템이
[01:47]
있습니다. 게다가
[01:49]
MCP와 함께 빌더로 가서
[01:51]
추가를 클릭하면
[01:53]
MCP 서버를 추가해야 한다고 나옵니다.
[01:56]
추가를 누르면 우리만의 MCP 에이전트를
[01:58]
추가할 수 있습니다.
[02:00]
예를 들어, 슬랙과 연결해서
[02:03]
로컬에 있는 에이전트를 슬랙과 연동할 수 있죠.
[02:07]
메모리도 설정할 수 있어서
[02:08]
지식 기능을
[02:09]
추가할 수 있고, Brave 검색도
[02:11]
사용할 수 있는데, 이건
[02:13]
인터넷에 연결됩니다. 심지어
[02:15]
구글 드라이브 같은 것도 있고
[02:17]
마켓플레이스를 둘러보면서
[02:19]
원하는 것을 정확히
[02:20]
찾아서 설정할 수 있습니다.
[02:22]
파이어베이스도 있죠.
[02:23]
예를 들어, 구글 드라이브를
[02:25]
설정하고 싶다면
[02:26]
플러스 버튼을 클릭하고 세부 정보를
[02:28]
입력한 다음 MCP 서버를 추가하면
[02:30]
끝입니다. 혹시
[02:31]
설정 방법을 모르시겠다면
[02:34]
깃허브로 가보세요. 이 링크를 클릭하면 됩니다.
[02:36]
MCP 서버 추가 섹션 안에서
[02:38]
여기에 설정 JSON을 복사하라고 되어 있습니다.
[02:41]
클릭하고 복사하면 됩니다. 아주 간단하죠.
[02:44]
원하는 것을 쉽게 설치할 수 있습니다.
[02:46]
이제 원하는 것을 설치해 보겠습니다.
[02:47]
예를 들어 Context 7 MCP를
[02:49]
설치하고 싶다고 해보죠.
[02:52]
이건 코딩을 위한 정말 놀라운 MCP입니다.
[02:54]
코드의 품질을 크게 향상시켜주죠.
[02:56]
최신 문서들이 모두 포함되어 있고
[02:57]
대부분의 AI API들은 이걸 수동으로 구축하지 않거든요.
[03:00]
예를 들어, '수동 설정'을
[03:02]
여기서 클릭할 수 있습니다.
[03:03]
그러면 여기에 MCP 서버 상세 정보를
[03:05]
붙여넣으면 됩니다.
[03:08]
Ctrl+A로 전체 선택 후 삭제하고
[03:10]
GitHub의 Context 7 MCP 서버 코드를 붙여넣고
[03:12]
확인을 누르면 추가됩니다.
[03:15]
이제 Context 7이 준비되었습니다.
[03:17]
이걸로 무언가를 만들고 싶다면
[03:19]
MCP로 빌드할 수 있고
[03:21]
Context 7로 빌드하도록 설정할 수 있습니다.
[03:24]
예를 들어 이렇게 말할 수 있죠.
[03:28]
'기본 Next.js 프로젝트를
[03:30]
app 라우터로 만들어줘'라고 하면
[03:32]
Trae AI에 입력하고 바로 시작할 수 있습니다.
[03:35]
이 MCP를 사용해서 빌드하는 거죠.
[03:37]
정말 쉽고 깔끔한 설정이에요.
[03:40]
원한다면 언제든지
[03:41]
여러 MCP 서버를 설정할 수 있고
[03:44]
MCP를 설정할 때
[03:45]
이것들은 기본적으로 도구나 애드온처럼
[03:48]
AI 에이전트에게 제공되어
[03:49]
기존보다 10배 더 강력하게 만들어줍니다.
[03:51]
추가로 할 수 있는 것은
[03:53]
자신만의 AI 에이전트를 만드는 겁니다.
[03:55]
이것도 새로운 기능이에요.
[03:57]
에이전트 이름을 추가하고
[03:59]
여기 보이는 것처럼 특정 도구들을
[04:01]
사용할 수 있게 허용할 수 있습니다.
[04:02]
Context 7을 사용하도록 할 수 있고
[04:04]
어떻게 작동하는지, 무엇을 하는지
[04:06]
등에 대한 프롬프트를 설정할 수 있죠.
[04:08]
거기서부터 생성할 수 있습니다.
[04:10]
문서도 업로드할 수 있고
[04:11]
규칙도 설정할 수 있습니다.
[04:13]
예를 들어 코딩 방식이나 빌드 방식에 대한
[04:15]
규칙을 가질 수 있고, 이것들은
[04:17]
프로젝트 규칙이 될 수도 있죠.
[04:18]
마지막으로 모델 섹션이 있습니다.
[04:20]
이것의 또 다른 멋진 점은
[04:22]
여기 보이는 것처럼 이 모든 모델들에 대한
[04:26]
무료 액세스가 있다는 거예요.
[04:27]
예를 들어 유료인 Claude 3.5 Sonnet이나
[04:30]
Claude 3.7 Sonnet은
[04:31]
비용이 많이 발생할 수 있죠. Gemini 2.5 Pro,
[04:34]
GPT 4.1, GPT4 등을
[04:36]
여기서 모두 코딩에 사용할 수 있습니다.
[04:39]
제가 Visual Studio Code를
[04:41]
사용하는 것을 보셨다면, 이게 훨씬 낫습니다.
[04:43]
이 모든 API들에 접근할 수 있고
[04:44]
전혀 비용을 지불하지 않아도 되거든요.
[04:46]
쉽게 비용이 늘어날 수 있는데,
[04:47]
제 유튜브 영상에 많은 분들이
[04:49]
그것에 대해 댓글을 다시죠.
[04:50]
여기에 자신의 API도 추가할 수 있습니다.
[04:52]
예를 들어 Open Router를
[04:54]
선택할 수 있고, Open Router에도
[04:57]
무료로 사용할 수 있는
[04:58]
수많은 다른 모델들이 있죠.
[05:00]
여기서 'API 키 받기'를 클릭하면
[05:02]
Open Router가 열리고
[05:04]
키를 만들어서 복사할 수 있습니다.
[05:07]
한 푼도 들지 않죠. Trae로 돌아가서
[05:09]
여기에 API 키를 설정하고
[05:11]
이제 원하는 모델을 선택할 수 있습니다
[05:14]
여기 보시면 예를 들어
[05:16]
Gemini 2.5 Pro 실험 버전이 있고
[05:19]
그리고 여기에 다양한
[05:20]
코딩에 사용할 수 있는 모델들이 있습니다
[05:22]
커스텀 모델 ID도 추가할 수 있죠
[05:26]
그리고 이것을 얻으려면
[05:27]
Open Router의 모델 섹션으로 가서
[05:30]
원하는 것을 선택하고 추가하면 됩니다
[05:31]
예를 들어, 우리는 방금 Google
[05:33]
Gemini 2.5 Pro 프리뷰를 추가했죠. 어떻게 했나요?
[05:36]
여기서 이름을 복사해서
[05:38]
Trae로 돌아가 Open Router에 넣으면 됩니다
[05:41]
짜잔! 꿈이 현실이 되었죠?
[05:43]
이렇게 쉽게 코딩을 시작하고
[05:45]
커스텀 AI를 플러그인할 수 있습니다
[05:47]
여기서 할 수 있는 게 정말 많아요
[05:48]
이걸 닫으면
[05:50]
R 코드도 있고
[05:52]
Trae에 클라이언트도 설치되어 있어요
[05:54]
꽤 멋지죠
[05:55]
그리고 채팅으로 돌아가려면
[05:57]
참고로 채팅으로 돌아가고 싶으시면
[05:58]
위쪽의 Trae를 클릭하면 됩니다
[06:00]
그러면 다시 빌드를 시작할 수 있죠
[06:01]
명령어와 MCP 도구를
[06:04]
자동 실행하도록 설정할 수도 있어서
[06:06]
빌드할 때마다 승인을 클릭할 필요가 없습니다
[06:08]
매번 승인할 필요 없이
[06:10]
그리고 새 프로젝트를 시작하려면
[06:12]
폴더 열기를 클릭하고
[06:14]
열어서 폴더를 신뢰하고 계속하면 됩니다
[06:16]
작성자를 신뢰하고 이것을 열면 됩니다
[06:19]
여기서 한 가지 주의하실 점은
[06:21]
무료로 사용하시는 경우
[06:23]
당연히 주의하셔야 할 점이
[06:26]
여러분의 코드나
[06:28]
여기서 만든 것들이
[06:30]
테스트나 데이터 수집에 사용될 수 있다는 점입니다
[06:33]
이 도구를 사용할 때는 주의하세요
[06:35]
저는 AI 프라이버시 전문가가 아닙니다
[06:36]
상업적인 것을 만드신다면
[06:39]
주의하셔야 할 수 있습니다
[06:40]
자 이제 AI로 돌아가서
[06:42]
모든 준비가 되었습니다
[06:45]
코딩을 시작할 수 있어요. GPT-3.5를 사용할 수 있고
[06:46]
에이전트도 준비되어 있으니
[06:48]
이제 빌드를 시작할 수 있습니다
[06:50]
예를 들어, 제가 하려는 것은
[06:52]
예를 들어 저는
[06:54]
썸네일 생성기를
[06:55]
최신 GPT API를 사용해서 만들어보려고 합니다
[06:59]
이미지 생성 메서드를 활용해서 말이죠
[07:01]
제가 무슨 말을 하는지 보여드리겠습니다
[07:04]
예를 들어 이 도구는
[07:06]
Trae AI로 쉽게 만들 수 있습니다
[07:09]
어떻게 하는지 보여드릴게요
[07:10]
우리가 할 것은
[07:11]
GPT의 새로운 이미지 API에 대한
[07:14]
프롬프트와 문서를 가져올 겁니다
[07:17]
자세한 비디오 설명을 원하시면
[07:19]
AI 프로핏 보드룸과
[07:20]
거기 있는 튜토리얼 비디오를 확인하세요
[07:22]
모든 프롬프트와 함께요
[07:24]
이걸 Trae에 넣을 건데
[07:26]
보시다시피 준비가 다 됐네요
[07:28]
플러스를 누르고 전송을 눌러서
[07:30]
빌드를 시작할 겁니다
[07:32]
우리가 만들려는 것은 커스텀 SaaS 도구로
[07:34]
YouTube 썸네일을 생성하는 겁니다
[07:36]
사용자는 API 키만 입력하고
[07:38]
프롬프트를 입력하면
[07:41]
썸네일을 생성할 수 있죠
[07:42]
API 키와 우리가 AI로 만든 커스텀 도구를 사용해서 썸네일을 생성할 수 있습니다.
[07:46]
이제 이것을 구축하기 시작할 텐데,
[07:48]
시간을 절약하기 위해
[07:50]
앞으로 자동 실행할 수 있도록 이것을 클릭하겠습니다.
[07:51]
여기서 실행을 클릭하면
[07:53]
실제로 컨텍스트 7과
[07:54]
MCP를 사용해서 라이브러리 문서와
[07:56]
다른 모든 것을 가져오는 것을 볼 수 있습니다.
[07:58]
저는 또한 HTML로 구축하자고
[08:00]
제안할 건데, 이렇게 하면 웹사이트를
[08:02]
만들기 쉽게 할 수 있죠.
[08:05]
이제 코드를 생성하고 있습니다.
[08:07]
만약 막히거나 한계에 부딪히거나
[08:08]
그런 상황이 발생하면,
[08:10]
저는 아직 그런 경우를 겪지 않았지만,
[08:11]
한계에 부딪힌다면,
[08:13]
API를 전환하고
[08:14]
거기서부터 코딩을 시작하면 됩니다.
[08:17]
매우 간단하죠.
[08:18]
이제 HTML이 코딩된 것을 볼 수 있습니다.
[08:20]
변경사항을 수락하고, 테스트하고 싶다면
[08:22]
Finder를 열어서 확인할 수 있습니다.
[08:24]
보시면 기본적인 썸네일 생성기가
[08:27]
준비되어 있습니다. 그리고 이걸 무료로 코딩했죠.
[08:29]
이미지 크기를 선택할 수 있고,
[08:31]
이미지 품질도 선택할 수 있습니다.
[08:33]
API 키를 입력하고
[08:34]
썸네일을 생성할 수 있습니다.
[08:36]
이런 도구를 만들 때 흔히 발생하는
[08:38]
오류가 있다면,
[08:40]
문제없습니다. 테스트해봅시다.
[08:42]
예를 들어, 출력을 생성할 때
[08:43]
오류가 발생할 수 있습니다.
[08:45]
API 키를 입력했고,
[08:46]
썸네일 설명, 이미지 크기,
[08:49]
이미지 품질도 입력했습니다.
[08:50]
잠시 후 결과를 확인해보죠.
[08:52]
여기서 보시면
[08:53]
실제로 Dall-E 3을 사용하고 있네요.
[08:55]
Image-1을 사용하지 않고 있습니다.
[08:57]
다시 돌아가서
[08:59]
GPT Image-1 API를 사용하도록 하고
[09:03]
DALL-E 3이 아닌 것을 확인하겠습니다.
[09:08]
문서를 가져오겠습니다.
[09:10]
이 과정을 통해 새로운 도구를 만드는 것이
[09:11]
얼마나 쉬운지 보실 수 있죠.
[09:14]
제가 추천드리는 것은
[09:15]
UI 개선에 시간을 좀 투자하는 것입니다.
[09:17]
코딩 경험이 없어도
[09:18]
얼마나 쉽게 구축하고 코딩할 수 있는지
[09:20]
모두 완전히 무료로 가능하다는 걸 보실 수 있습니다.
[09:23]
Trae를 위해 돈을 지불할 필요도 없고,
[09:24]
API나 호스팅을 위해 돈을 지불할 필요도 없습니다.
[09:26]
이제 Gemini 2.5 Pro로 전환해서
[09:28]
자체 프로젝트를 만들어보겠습니다.
[09:30]
이를 위해 AI 프로핏 보드룸의
[09:32]
마스터 리스트에서 프롬프트를
[09:34]
가져오겠습니다.
[09:36]
게임 제작용 프롬프트를 사용할 건데요.
[09:38]
Three.js와 단일 HTML을 사용해서
[09:40]
간단한 3D 자동차 시뮬레이터를 만들어보겠습니다.
[09:43]
구름과 산 등을 추가하고,
[09:46]
Gemini 2.5 Pro를 사용해서 이것을 구축해보겠습니다.
[09:49]
지금 HTML을 생성하고 있는 것을 보실 수 있습니다.
[09:51]
자동차 시뮬레이터 HTML 작업 중입니다.
[09:53]
Trae는 일반적인 코딩 에이전트처럼
[09:55]
모든 것에 사용할 수 있지만, 이의 장점은
[09:56]
MCP를 매우 쉽게 추가할 수 있다는 것입니다.
[09:58]
설정이 매우 간단하고 완전히 무료입니다.
[10:01]
지속적으로 업데이트되고 있고,
[10:03]
UI가 정말 마음에 듭니다.
[10:05]
이전보다 훨씬 더 깔끔해졌고
[10:07]
사용하기가 매우 간단합니다.
[10:08]
시작하기가 매우 간단합니다. Visual Studio Code나
[10:10]
다른 것들보다 훨씬 더 쉽죠.
[10:11]
자, 이제 모두 수락을 클릭하겠습니다.
[10:13]
이제 브라우저에서 미리보기가
[10:14]
가능합니다. 잠시 후에 어떻게
[10:15]
보이는지 확인해보겠습니다. 여기
[10:17]
미리보기 버튼이 있네요.
[10:19]
클릭해보면, 정말 쉽고 간단하게
[10:21]
이 도구로 무언가를 만들 수 있습니다.
[10:23]
여기 변경 로그에서 새로운 릴리스와
[10:25]
추가된 기능들을 모두 확인할 수 있고,
[10:27]
전체 문서에서 모든 변경 사항도
[10:28]
확인할 수 있습니다. 제가 거의 모든
[10:30]
기능들을 보여드렸는데요.
[10:32]
trade.ai에서 무료로 이용하실 수 있습니다.
[10:35]
저희 AI 프로핏 보드룸에는
[10:37]
다양한 튜토리얼이 준비되어 있어서
[10:39]
제대로 사용하는 방법을 배우실 수 있고
[10:40]
최고의 프롬프트도 함께 제공됩니다.
[10:42]
링크는 댓글과 설명란에 있습니다.
[10:43]
이 커뮤니티는 AI를 활용해
[10:45]
시간을 절약하고 수익을 늘리는 것에 중점을 둡니다.
[10:46]
최고의 강좌들과 코칭이 포함되어 있고
[10:49]
매주 Q&A 세션이 있으며
[10:51]
멋진 커뮤니티에서 궁금한 점이
[10:53]
생기면 언제든 질문하실 수 있습니다.
[10:55]
게다가 이번 달에 가격이
[10:57]
인상될 예정이니, 지금 바로
[10:59]
등록하시기 바랍니다.
[11:00]
그리고 무료 1:1 SEO 전략 세션을 통해
[11:01]
리테일 웹사이트를 0에서 이번 달 145,000 방문자로
[11:05]
늘리고 자동으로 수십만 달러의
[11:08]
매출을 발생시키는 방법을
[11:09]
배우고 싶으시다면, 이 무료 링크 빌딩
[11:11]
액셀러레이션 세션을 신청하세요.
[11:12]
SEO를 통해 더 많은 리드와
[11:13]
트래픽, 매출을 얻을 수 있도록
[11:16]
맞춤형 SEO 계획을 무료로 받아보실 수 있고
[11:17]
통화 중에 궁금한 점도
[11:20]
모두 답변해드립니다.
[11:22]
댓글과 설명란의 링크를 확인하시고
[11:24]
시청해주셔서 감사합니다.
[11:25]
다음 영상에서 만나뵙겠습니다.
[11:27]
안녕히 계세요.