트레이 AI: RIP 커서! 이 놀라운 AI 코드 에디터는 완전히 무료입니다!

AICodeKing 구독자 71,200명

요약

이 영상은 완전 무료인 새로운 AI 코드 에디터 '트레이'를 소개하며, VS Code를 기반으로 대폭 개선된 기능들을 자세하게 설명합니다. 에디터는 Builder 모드와 Chat 모드를 통해 자동으로 최적의 AI 모델(주로 소넷)을 선택하여 코드 편집, 생성, 인라인 지원 등을 수행합니다. 또한 멀티모달 입력을 지원해 이미지 업로드를 통한 요구사항 전달이 가능하고, 코드 인덱싱 및 웹 뷰 기능 등 다양한 부가 기능을 갖추고 있습니다. 스폰서로 소개된 Ninja Chat의 다양한 AI 도구와의 연계도 함께 안내하며, 경쟁력 있는 에디터로서의 장점을 강조합니다.

주요 키워드

트레이 AI VS Code Builder 모드 Chat 모드 멀티모달 자동 완성 코드 인덱싱 Ninja Chat 온보딩 웹 뷰

하이라이트

🚀 트레이 AI는 VS Code 기반이지만, 대폭 개선된 UI와 기능을 제공하여 사용 경험을 크게 향상시킵니다.
🔥 에디터는 Builder 모드와 Chat 모드를 제공하며, Builder 모드에서는 작업을 자동으로 분해하여 실행합니다.
🌟 멀티모달 기능 덕분에 이미지를 포함한 다양한 입력을 활용해 요구사항을 명확히 할 수 있습니다.
📌 코드 인덱싱, 인라인 지원, 자동 완성 등 다양한 기능들이 통합되어 개발 효율성을 높입니다.
🎯 스폰서 Ninja Chat의 AI 모델과 툴들이 소개되며, 저렴한 가격에 더 많은 기능을 제공하는 점이 강조됩니다.
💡 전체적으로 무료로 제공되는 강력한 AI 에디터로 Cursor나 Windsurf와 경쟁할 만한 잠재력을 지니고 있습니다.

용어 설명

Builder 모드

코드 생성 및 편집 작업을 위한 모드로, 작업을 자동으로 분해해 최적의 AI 모델(대부분 소넷)을 활용하여 실행합니다.

Chat 모드

텍스트 기반 상호작용을 통해 질문에 답하거나 간단한 코드 생성 등을 도와주는 모드입니다.

멀티모달

텍스트뿐만 아니라 이미지 등 다양한 입력 형식을 처리할 수 있는 기능을 의미합니다.

자동 완성 (Autocomplete)

코드 작성 시 문맥에 맞는 코드를 자동으로 추천하고 완성하는 기능입니다.

영상은 음악과 박수 소리와 함께 시작되며, 새로운 AI 에디터 '트레이'와 스폰서 Ninja Chat를 소개합니다. 전체적인 분위기를 밝게 열어갑니다.

[00:00] 인트로 음악과 함께 새로운 AI 코드 에디터 Trae 소개

[00:28] 스폰서 NinjaChat 소개 - 다양한 AI 모델과 도구를 제공하는 올인원 AI 플랫폼

트레이 AI의 두 가지 모드, Builder와 Chat 모드를 중심으로 주요 기능들을 설명합니다. VS Code와 JetBrains ID의 장점을 결합한 인터페이스를 강조합니다.

[01:35] Trae의 주요 특징 - 완전 무료이며 빌더 모드와 채팅 모드 제공

[02:10] Trae의 고급 기능 - 자동 모델 선택, 멀티모달 지원, 파일 컨텍스트 유지 기능

[03:05] Trae의 기본 기능 - 자동완성, 인라인 어시스트 등 제공

에디터의 설치와 온보딩 과정을 직접 시연하며, 테마 선택 및 초기 설정 방법을 안내합니다. 사용자 맞춤 설정과 단축 명령어 설치 과정도 포함됩니다.

[03:31] Trae 설치 및 초기 설정 과정 설명

[03:42] VS Code나 Cursor의 설정을 가져올 수 있으며, 터미널에서 tray 명령어로 실행할 수 있다. 로그인 후 시작된다.

[04:00] VS Code와 다른 디자인적 특징을 보여주며, 넓은 여백과 차별화된 아이콘, 코드 블록 디자인이 특징이다.

[04:38] VS Code 확장 프로그램 지원이 가능하며, Copilot 등 다양한 확장을 설치할 수 있다.

실제 코드 생성, 편집, 인라인 지원 기능을 테스트하며, 자동 완성과 코드 인덱싱 등 다양한 기능들을 평가합니다. 최종 결과물과 인터페이스에 대한 만족도를 전달합니다.

[04:57] 채팅 모드와 빌드 모드를 제공하며, 이미지 첨부와 파일 참조가 가능하고 Sonnet이나 GPT-4 선택 옵션이 있다.

[05:27] 이미지 크롭 앱 제작 예시를 통해 AI의 코드 생성 능력을 시연한다.

[06:42] 자동완성 기능과 인라인 어시스트를 제공하며, 코드베이스 인덱싱으로 효율적인 참조가 가능하다.

[07:45] 무료로 제공되며 사용량 제한이 없고, Sonnet 사용과 멀티모달 입력을 지원하는 강력한 도구이다.

[00:00] [음악]

[00:03] [박수]

[00:05] 안녕하세요, 새로운 영상에 오신 것을 환영합니다.

[00:08] 새로운 AI 에디터가 등장했는데요,

[00:11] 이름은 Trae이고 완전 무료인 AI 에디터입니다.

[00:14] VS Code를 포크한 것이 맞지만,

[00:18] 상당히 많은

[00:19] 큰 변화들이 있었습니다.

[00:22] 자세히 설명해드리도록 하겠습니다.

[00:25] 하지만 그전에 오늘의 스폰서를

[00:28] 소개해드리겠습니다. NinjaChat입니다.

[00:32] NinjaChat은 올인원 AI 플랫폼으로

[00:34] 10개 이상의 모델을 제공합니다.

[00:37] Claude 3.5, Sonet, GPT-4.0, Gemini와 같은 모델뿐만 아니라

[00:43] Flux같은 이미지 생성 모델,

[00:45] Shing같은 비디오 생성 모델까지

[00:48] 모두 한 곳에서 이용할 수 있으며

[00:51] ChatGPT 멤버십보다도 저렴한

[00:53] 단 11달러부터 시작합니다.

[00:57] 그뿐만 아니라 다양한 AI 도구들이 있어

[01:00] 이러한 모델들을 복잡한 방식으로

[01:02] 활용할 수 있도록 도와줍니다.

[01:06] 최근에는 아티팩트 기능을

[01:08] 플랫폼에 추가하여

[01:11] 코드를 생성하고 미리보기하고

[01:14] 프리뷰 링크로 다른 사람과 공유할 수 있어

[01:17] 정말 좋습니다. 파이썬 코드도 실행할 수 있고

[01:21] 차트도

[01:22] 만들 수 있습니다. 설명란의 링크를 통해

[01:24] 확인해보실 수 있으며

[01:27] 제 쿠폰 코드 king2를 사용하시면

[01:30] 이미 좋은 가격에서 추가로

[01:33] 25% 할인을 받으실 수 있습니다.

[01:35] 이제 본 영상으로 돌아가보겠습니다.

[01:38] 말씀드린 것처럼 Trae는 완전 무료이며

[01:42] 가격 페이지조차 없다는 게

[01:45] 정말 멋진 점입니다. 두 가지 모드가 있는데

[01:48] 빌더 모드와

[01:51] 채팅 모드가 있습니다. 빌더 모드는

[01:53] 기본적으로 Cursor나 WindSurf의

[01:55] 에이전트 모드와 비슷하며

[01:58] 텍스트를 입력하면

[02:00] 편집, 생성 등

[02:02] 다양한 작업을 수행할 수 있어서

[02:05] 좋습니다.

[02:05] 특별한 점 중 하나는

[02:08] 작업에 가장 적합한 모델을

[02:10] 자동으로 선택한다는 것입니다.

[02:14] 대부분 Sonet을 사용하는데,

[02:17] 이것이 그들이 보유한 최고의 모델이라

[02:21] 무료로 제공받을 수 있다는 게 좋습니다.

[02:23] 빌더 모드에서는 Trae가 자동으로

[02:26] 작업을 분석하고 실행하며

[02:30] 각 단계를 최적화하면서

[02:33] 미리보기와 제어가 가능합니다.

[02:36] 또한 멀티모달을 지원하여

[02:38] 이미지를 업로드해서 요구사항을

[02:42] 명확히 할 수 있습니다.

[02:44] 고급 멀티모달 기능으로

[02:47] Trae는 업로드된 이미지를 정확하게 이해하여

[02:50] 협업을 간소화하고 효율성을 높입니다.

[02:54] 또한 프로젝트의 모든 파일의

[02:56] 맥락을 항상 유지하기 때문에

[02:59] 도움을 요청하면 파일을 확인하고

[03:02] 그에 맞게 응답할 수 있습니다.

[03:05] 이는 기본적인 기능입니다. 또한

[03:08] 다른 AI 에디터들처럼 자동완성 기능이 있지만

[03:12] Cursor나 WindSurf의

[03:13] 다음 예측 기능은 없어서

[03:16] 아쉬울 수 있습니다.

[03:20] 인라인 어시스트와 같은

[03:23] 기능도 필요한 경우 사용할 수 있어

[03:25] 좋습니다. 이제 직접 테스트해보고

[03:29] 얼마나 잘 작동하는지 확인해보겠습니다.

[03:31] 먼저 설치를 하면

[03:34] 온보딩 플로우가 나타나는데

[03:37] 다음 버튼을 누르고 테마를 선택한 다음

[03:40] VS Code의 설정을 가져올 수도 있습니다.

[03:42] VS Code나 Cursor의 설정을 가져올 수도 있고

[03:45] 원하지 않으면 가져오지 않아도 됩니다

[03:48] 터미널에서 VS Code 명령어처럼

[03:50] tray 명령어를 설치해서 실행할 수 있습니다

[03:54] 실행하면 계정으로 로그인하라는

[03:57] 메시지가 표시되고

[03:59] 그러면 시작됩니다

[04:00] 이것은 VS Code인데

[04:04] 차이점을 보면

[04:05] VS Code와는 많이 다르다는 걸 알 수 있습니다

[04:08] 여기 보시면 여백이 더 넓어졌고

[04:11] 정말 보기 좋게 디자인되어 있습니다

[04:14] 아이콘들도 VS Code와는 다르게 생겼고

[04:16] 코드 블록의 디자인도 다릅니다

[04:20] 기본 VS Code보다 이게 더 마음에 드는데

[04:23] 정말 보기 좋습니다

[04:25] VS Code와 JetBrains IDE를

[04:27] 섞어놓은 것 같은 느낌입니다

[04:30] 이 IDE들을 사용해보셨다면 아실 텐데

[04:33] 말이죠

[04:34] 정말 놀랍습니다

[04:38] VS Code 확장 프로그램도

[04:40] Copilot이나 다른 확장들을

[04:43] 원하는 대로 설치할 수 있습니다

[04:48] 여기 기본 Next.js 프로젝트를 열어놨는데

[04:51] 이제 주요 AI 기능을

[04:52] 살펴보겠습니다. 두 가지 모드가 있는데

[04:57] 채팅 모드와 빌드 모드입니다

[04:59] 채팅 모드는 꽤 기본적인 기능으로

[05:03] 프롬프트를 입력하면

[05:05] 텍스트로 답변을 해주고

[05:07] 빌더 모드는 에이전트 단계별로

[05:10] 코드를 작성하고 수정하는 등

[05:14] 다양한 작업을 수행하는데

[05:16] 정말 멋집니다. 이미지를 첨부하거나

[05:19] 파일을 참조할 수도 있고

[05:21] Sonnet이나

[05:24] GPT-4 중에서 선택할 수 있습니다

[05:27] 한번 시도해보죠. 이미지를 받아서

[05:30] 자르고 저장할 수 있는

[05:33] 간단한 앱을 만들어달라고 해보겠습니다

[05:36] 간단한 기능인데 잘 작동하는지

[05:39] 확인해보고 싶네요

[05:42] 보내보면 AI가

[05:45] 작업을 시작하는데, 먼저 계획을 세우고

[05:48] 그다음 작업을 시작합니다

[05:52] 사용량 제한도 없고

[05:54] Sonnet이 무료라는 게 정말 놀랍습니다

[05:58] 보시다시피 코드를

[06:01] 작성하고 있는데

[06:03] 코드가 실시간으로 보이지는 않고

[06:06] 완성되면 한 번에 보여줍니다

[06:08] 그리고 변경사항을

[06:10] diff로 확인할 수 있죠. 좋아 보입니다

[06:13] 승인해보죠. 이제 작업을 시작할 텐데

[06:16] 완료될 때까지 잠시 기다려보죠

[06:19] 이제 완료됐네요. 모든 걸 잘 처리했고

[06:22] 여기서 실행해보면 인터페이스가 보이고

[06:26] 실행해서 사용해볼 수 있는데

[06:29] 잘 작동하네요

[06:32] 정말 좋습니다. Sonnet을 무료로

[06:36] 이렇게 사용할 수 있다는 게 흥미롭고

[06:39] 정말 인상적입니다

[06:42] 자동완성도

[06:43] 지원하는데, 코드를 작성하면

[06:46] 자동으로 완성해줍니다

[06:49] Cursor나 다른 도구들처럼요

[06:52] 다음 편집이나 탭 자동완성

[06:54] 기능은 없어서 아쉽지만

[06:57] 괜찮습니다. 인라인 어시스트도

[07:00] 사용할 수 있는데, Command+I를 누르면

[07:03] 인라인 어시스트가 열리고

[07:06] 파일에 코드를 생성하거나

[07:09] 코드 블록을 선택해서

[07:12] 수정을 요청할 수 있습니다

[07:15] 또 다른 특징은

[07:18] 코드베이스를 인덱싱해서

[07:21] 코드베이스를 놀라울 정도로

[07:23] 잘 참조한다는 점입니다

[07:26] 설정에서 인덱싱을 새로고침할 수 있고

[07:29] 다른 좋은 기능들도 있는데

[07:32] 예를 들어 웹뷰 기능이 있어서

[07:35] 애플리케이션을 에디터 내에서

[07:38] 바로 열어볼 수 있습니다

[07:41] 에디터 안에서

[07:43] 볼 수 있다는 게 정말 놀랍죠

[07:45] 제가 경험해본 바로는 정말 놀랍습니다

[07:49] 무료이고 사용량 제한도 없으며

[07:53] Sonnet도 무료로 사용할 수 있어서

[07:56] 정말 대단합니다

[08:00] 생성되는 코드도

[08:02] 정말 인상적인데 뭘 더 바라겠습니까

[08:04] 멀티모달 입력도 지원해서

[08:07] 더욱 놀랍고

[08:11] 앞으로 더 발전할 텐데

[08:13] 계속 무료로 유지되길 바랍니다

[08:16] 많은 사람들에게 도움이 될 거예요

[08:18] 만약 O3 Mini나 자체 API 연동

[08:22] 옵션을 추가하면

[08:23] 더욱 놀라울 것 같습니다

[08:26] 정말 대단한 도구입니다

[08:30] 앞으로도 계속

[08:31] 발전해서 날이 갈수록 더 좋아지고

[08:35] Cursor, Wind, Surf 등과

[08:37] 경쟁하면서

[08:39] 발전했으면 좋겠습니다. 정말 멋지네요

[08:42] 아래 여러분의 생각을 공유하고 구독해주세요

[08:44] 수퍼 땡스 옵션으로 후원하거나

[08:46] 채널 멤버가 되어서

[08:48] 특별한 혜택을 받으실 수 있습니다

[08:50] 다음 영상에서 만나요, 안녕히 계세요

[08:53] [음악]