[00:00] 클라우드 코드를 사용해보신 분이라면

[00:01] 모든 작업이 터미널에서 이루어진다는 걸 아실 겁니다.

[00:04] 아마도 제가 커서 인터페이스에 익숙해서 그런 것 같아요.

[00:05] 커서에서는 어떤 부분이 코드이고

[00:07] 어떤 부분이 LLM이 저와 대화하는 텍스트인지 명확하게 구분해서 볼 수 있거든요.

[00:10] 클라우드 코드에서는 이 문제를 해결하기 위해

[00:12] 이런 점들을 사용해서 구분하려고 했어요.

[00:14] 흰 점은 LLM 텍스트이고

[00:15] 그 다음에 bash 명령어가 나오고

[00:18] 그 다음에 코드 업데이트가 나오는 방식이죠.

[00:20] 하지만 여전히 이상적이지는 않아요.

[00:22] 몇 달 후에는 Anthropic에서

[00:24] 자체 인터페이스를 출시할 것 같아요.

[00:27] VS Code 확장 프로그램일 수도 있고요.

[00:29] 누가 알겠어요? 하지만 그때까지는

[00:32] 오픈소스 대안이 있어요.

[00:34] 아직 100% 최적화되지는 않았어요.

[00:37] 때때로 약간의 버그가 있을 수 있지만

[00:38] 그래도 꽤 괜찮은 대안입니다.

[00:41] 저는 이런 오픈소스 빌드들을 보는 걸 항상 좋아해요.

[00:42] 여기서 클라우드 코드 프로젝트를 선택할 수 있어요.

[00:44] 특정 디렉토리로 들어갈 수 있고요.

[00:47] 제 경우에는 제가 작업하고 있는

[00:49] 커뮤니티 개더 프로젝트입니다.

[00:51] 이 버전을 클릭해볼게요.

[00:53] 커서가 처리하는 방식과 비슷한 인터페이스를 보실 수 있어요.

[00:56] 코드의 일부가 제거된 곳과

[00:58] 코드가 추가된 곳을 보여주고

[01:00] bash 명령어가 있을 때는

[01:02] 터미널에서 별도로 표시해요.

[01:05] LLM이 터미널 명령어를 사용한 부분은

[01:07] npm run build 같은 것들이요.

[01:10] 인터페이스가 다르게 표시됩니다.

[01:12] 어떤 변경사항이 수행되었는지 추적하는 데

[01:14] 정말 도움이 되죠.

[01:16] 여기 아래에는 이런 기능도 있어요.

[01:18] 기본 추론을 사용할지

[01:20] 더 깊은 분석을 할지

[01:21] 광범위한 추론을 할지

[01:23] 최대 계산을 할지 선택할 수 있어요.

[01:25] 아직 사용해보지는 않았지만

[01:27] 꽤 멋진 것 같아요.

[01:30] 이 클라우디아 오픈소스 대안에서 마음에 드는 또 다른 점은

[01:32] 특정 폴더나 파일을 참조할 수 있다는 것입니다.

[01:36] 명령어를 참조하고 싶으면 입력하면

[01:38] 바로 찾아줍니다.

[01:40] 일부 기능들은 정말 세부적인 것들이에요.

[01:42] 클라우드 코드에서도 할 수 있는 것들이지만

[01:44] 무엇이 파일이고 무엇이 폴더인지

[01:46] 구분하는 것 같은 것들이요.

[01:48] 여기에 백슬래시를 넣으면

[01:50] 제 프로젝트의 디렉토리들이 나타나요.

[01:53] 하지만 여전히 이렇게 입력하는 게

[01:55] 제 프로젝트의 모든 파일들을 이해하는 데

[01:57] 훨씬 더 좋게 느껴져요.

[01:59] 또 다른 기능은 타임라인입니다.

[02:01] 아직 베타 단계인 것 같아요.

[02:04] 기본적으로 체크포인트를 설정할 수 있고

[02:06] 이 체크포인트는 커서가 작동하는 방식과

[02:08] 매우 유사하게 작동해야 해요.

[02:11] 과거 프롬프트가 있는지 확인해볼게요.

[02:12] 네, 여기 있네요.

[02:15] 이 '체크포인트 복원'을 보시죠.

[02:16] 이 특정 프롬프트 이후에 변경된 모든 것들 이전의

[02:19] 코드 버전으로 돌아갈 수 있어요.

[02:21] 정말 유용한 기능이죠.

[02:23] 또 다른 유용한 기능은

[02:24] 사용량 대시보드입니다.

[02:27] 이 사용량 대시보드는 제가 사용하는

[02:29] 프로 플랜이 아니라

[02:31] 클라우드 API를 사용할 때 나타나는 것 같아요.

[02:33] 실제로 14달러를 쓰지는 않았어요.

[02:35] 단 2일 만에 이런 결과를 보는 게 좋네요.

[02:37] 타임라인을 보면 클라우드 코드를 사용한 지

[02:39] 단 2일 만에 이런 사용량을 보는 게 좋아요.

[02:41] 이미 14달러나 썼다는 걸 보니 정말 놀랍네요.

[02:44] 이게 실제로 맞는 금액인지 좀 의심스럽기도 하고요.

[02:46] 그런데 말씀드리자면,

[02:48] 이건 광고 영상이 아니에요.

[02:50] 그냥 깃허브에서 발견한 프로젝트인데

[02:51] 여러분들과 공유하면 정말 멋질 것 같아서요.

[02:53] 그리고 말이 나온 김에,

[02:54] Claudia에 추가할 수 있는 또 다른 멋진 기능이 있어요.

[02:56] 바로 MCP 서버들이에요. 아직 이 기능을 테스트해보지는 않았는데,

[03:00] 혹시 사용해보시면

[03:02] 댓글로 어떻게 작동했는지

[03:03] 알려주시면 감사하겠습니다. 그럼,

[03:05] 이제 충분히 설명한 것 같으니 Claudia를 닫고

[03:07] 제 리눅스 인스턴스로 이동해보겠습니다.

[03:09] 이걸 닫고 Claudia 폴더를 삭제해야 해요.

[03:12] 왜냐하면 처음부터 모든 걸 설치해서

[03:14] 여러분 컴퓨터에서 어떻게 설치하는지

[03:16] 보여드리려고 하거든요.

[03:18] 먼저 말씀드릴 건,

[03:19] 윈도우 사용자라면 WSL을 설치해야 해요.

[03:22] 마이크로소프트 스토어에서 찾을 수 있어요.

[03:24] 여기서 WSL을 검색하고

[03:27] 최신 우분투 버전을 다운로드하세요.

[03:29] 클릭하고 설치를 누르면 됩니다.

[03:31] 우분투를 설치하면

[03:32] 아마 여기 아래쪽에 리눅스 폴더가 보일 거예요.

[03:34] 이는 이제 윈도우 안에서

[03:36] 리눅스 서브시스템이 실행되고 있다는 걸 의미해요.

[03:38] 그럼 우분투를 입력하면 열릴 거예요.

[03:40] 이 시점부터는

[03:42] 윈도우에서 작업하고 있어도

[03:44] 입력하는 모든 명령어는 리눅스 명령어로 실행됩니다.

[03:46] 그래서 제가 여기서 하는 것과

[03:48] 똑같은 단계가 리눅스와 맥에서도 작동할 거예요.

[03:50] 그리고 Claudia가 윈도우에서 실행되더라도

[03:52] 윈도우에 직접 설치하지 않는 게 좋아요.

[03:54] 왜냐하면

[03:56] 클라우드 코드를 실행할 수 없기 때문이에요.

[03:58] 클라우드 코드는 현재로서는 리눅스나 맥에서만 실행되거든요.

[04:00] 그래서 첫 번째로

[04:02] 설치해야 할 것은 Rust입니다.

[04:04] 복사해서 붙여넣고 엔터를 누르세요.

[04:05] 저는 이미 설치했으니

[04:07] 터미널을 지우겠습니다.

[04:08] 매우 간단하고, 발생할 수 있는

[04:10] 유일한 오류는 이거예요.

[04:12] cargo를 찾을 수 없다는 오류인데

[04:14] 이는 기본적으로 Rust가 설치되었지만

[04:16] 경로에서 인식되지 않는다는 뜻이에요.

[04:19] 만약 그런 일이 발생하면 source를 입력하고

[04:21] 여기 있는 명령어를 따라하세요.

[04:23] 이제 bun을 설치해야 해요.

[04:25] 이 명령어를 사용하면 되고

[04:26] 붙여넣고 엔터를 누르세요.

[04:28] 저는 이미 했으니 다음 단계로 넘어가서

[04:30] 아직 git이 없다면 git을 설치하세요.

[04:32] git이 있는지 확인하려면

[04:34] git -v를 입력하면 git 버전이 나올 거예요.

[04:37] 설치되어 있지 않다면

[04:38] 버전이 표시되지 않을 거고

[04:41] sudo apt-get install git를 입력하고

[04:43] 엔터를 누르면 설치될 거예요.

[04:45] 맥은 다른데

[04:47] brew를 사용해서 설치하게 됩니다.

[04:49] 이 시점에서 이미

[04:50] 클라우드 코드가 있다고 생각하지만

[04:52] 없다면 클라우드 웹사이트에 가서

[04:55] 여기 있는 명령어를 가져와야 해요.

[04:57] npm install 클라우드 코드를

[05:00] 터미널에 붙여넣으면 됩니다.

[05:01] 이 명령어를 실행하려면 npm을 설치해야 할 수도 있지만

[05:03] 클라우드 코드 설치에 대해 더 자세히 다루면

[05:06] 주제에서 벗어날 것 같아서요.

[05:07] 비디오의 초점을 잃지 않기 위해서요. 하지만 여기서 비디오를 일시정지하고

[05:09] 이 명령어들을 확인해보세요. 클라우드 코드가 설치되어 있는지

[05:11] 확인해보세요. 여기 있는 모든 것을 복사해서

[05:12] 붙여넣으면 됩니다. Mac의 경우

[05:14] 이 명령어들만 사용하면 됩니다. Windows의 경우

[05:16] 이 부분은 무시하겠습니다. WSL 내에서

[05:18] 모든 것을 실행할 것이기 때문입니다. 이제

[05:20] Claudia를 실행하는 데 필요한 모든 도구가 준비되었습니다.

[05:21] 화면을 정리하고 프로젝트를 Ubuntu로 클론해보겠습니다.

[05:24] 붙여넣기 해보겠습니다. Claudia를 클론하는 중입니다.

[05:26] 좋습니다. 이제 해당 폴더로 들어가야 합니다.

[05:28] bun이 설치되어 있으므로 bun i를 입력하면

[05:30] 모든 것이 설치됩니다. 네,

[05:32] 꽤 빠르게 완료되었습니다. 화면을 정리하고

[05:34] bun run tar build를 실행해보겠습니다.

[05:36] 엔터를 누르고 커피를 마시러 가세요.

[05:39] 네. cargo와 관련된 오류가 보인다면

[05:41] rust 때문입니다. 다시 설치해보겠습니다.

[05:43] 1번을 선택하고 이제 cargo 폴더가 설치되었을 것입니다.

[05:47] 좋아 보입니다. Ubuntu 폴더 Leonardo로 가서

[05:50] 수동으로 확인해보겠습니다.

[05:52] cargo 폴더가 있네요. 이것을 최소화하겠습니다.

[05:54] 이제 이 명령어를 실행할 수 있습니다. 이것은 영구적으로 만들어줍니다.

[05:57] 정리하고 Claudia 프로젝트 내부로 들어가겠습니다.

[06:00] 이제 같은 명령어를 다시 실행해보겠습니다.

[06:02] bun run tar build. 이제 커피를 마시러 갈 수 있을까요?

[06:05] 실행이 시작되었습니다. 잠시 후에 뵙겠습니다.

[06:08] 드디어 완료되었습니다. 여러분이 따라하고 있다면

[06:10] 빌드하는 동안 커피를 마셨다면 댓글에 알려주세요.

[06:12] 카메라가 머그컵에 초점을 맞추는지 확인해보겠습니다.

[06:14] 이 카메라는 새 것입니다. 아직 테스트 중입니다.

[06:17] 얼굴을 보면 항상 얼굴에 초점을 맞추는 것 같습니다.

[06:20] 정말 멋지네요. 이제 빌드가 완료되었으므로

[06:22] 마지막 명령어를 실행해보겠습니다. 바로 이것입니다.

[06:26] Windows의 경우 다르겠지만 다시 말하자면

[06:28] Linux에서 실행하고 있지만 Ubuntu 내부에서

[06:30] 실행하고 있습니다. 이 명령어를 붙여넣고

[06:31] 엔터를 누르면 Claudia가 열릴 것입니다.

[06:32] 좋습니다. 열렸습니다. 이런 권한 거부 오류가 발생했네요.

[06:34] 이것을 닫고 sudo su를 입력하여

[06:36] 루트 사용자로 전환하고 같은 명령어를 실행하겠습니다.

[06:38] 오류는 사라질 것이지만 이것은 올바른 방법이 아닙니다.

[06:40] 클라우드를 실행하려고 하면 관리자 오류가 발생하기 때문입니다.

[06:42] 거기 있습니다. 다른 경고가 나타나지만

[06:44] 이 경고들은 신경 쓰지 마세요. 루트 사용자 내부에 있다면

[06:46] exit를 입력하면 나갈 수 있습니다.

[06:48] 이제 여기서 새로운 프로젝트를 시작해보겠습니다.

[06:50] 테스트 프로젝트라고 이름을 지어보겠습니다.

[06:52] 이것을 닫고 Claudia CC 프로젝트로 가서

[06:54] 새 클라우드 코드 세션을 시작하겠습니다.

[06:56] Yonardo 테스트 프로젝트를 선택하겠습니다.

[06:58] 열기를 누르고 클라우드에게 무엇인가 물어보겠습니다.

[07:01] HTML을 사용해서 무언가 만들어달라고 요청하겠습니다.

[07:04] 그러면 Claudia의 미리보기 기능을 볼 수 있을 것입니다.

[07:07] 파스텔 색상 팔레트를 사용한 뉴 브루탈리즘 디자인으로

[07:09] HTML 프로젝트를 만들어달라고 입력했습니다.

[07:11] 관리자 페이지 모형만 만들어야 합니다.

[07:13] 제출을 누르고 무엇을 만들어주는지 보겠습니다.

[07:15] 이것은 기본적으로 localhost 3000을 실행하고

[07:16] React 프로젝트일 수도 있습니다.

[07:18] 클라우드 코드 옆에 브라우저와 함께

[07:20] 시각화할 수 있는 더 나은 방법을 제공합니다.

[07:22] Python을 사용해서 포트 8000에서

[07:24] 서버를 실행하려고 했지만 이 WSL 인스턴스에는

[07:27] Python이 설치되어 있지 않습니다. 그래서 포기하고

[07:29] index.html을 열어달라고 했습니다.

[07:32] 음, 오늘은 여기까지입니다. 시청해주셔서 감사합니다.

[07:34] 이 비디오가 도움이 되었다면 좋아요를 눌러주시고

[07:37] 이런 비디오를 더 보려면 구독을 고려해보세요.

[07:39] 다음 비디오에서 뵙겠습니다.