[00:00]
코딩 에이전트의 최첨단에서,
[00:02]
Claude Code는 가장 인기 있는 도구 중 하나이고
[00:04]
방금 2.0 업데이트를 출시했습니다.
[00:07]
오늘 영상에서는
[00:10]
간단한 AI 앱을 빠르게 만들어보고
[00:12]
얼마나 빠르게 할 수 있는지 보여드리며
[00:14]
2.0에서 변경된 모든 사항들을 살펴보겠습니다.
[00:17]
먼저 시작할 것은
[00:19]
Claude Code에서 AI 앱을 만들고 싶다면
[00:22]
당연히 현재 작업 디렉토리와 연결되어 있습니다.
[00:24]
여기서 보시는 것처럼
[00:27]
이 디렉토리로 설정했습니다.
[00:30]
이 디렉토리로 들어가서
[00:33]
앱을 만들어보겠습니다.
[00:36]
디렉토리로 이동하겠습니다.
[00:38]
AI 앱이라고 부르죠.
[00:40]
Claude를 실행하고
[00:42]
여기로 들어갑니다. 그리고
[00:46]
디렉토리에 로드되었습니다. 완벽합니다.
[00:49]
이제 시작할 수 있습니다.
[00:52]
먼저 하고 싶은 것은 비디오 모델을 사용하는 것입니다.
[00:55]
FAL AI로 가서
[00:56]
Kling 2.5 Pro를 선택하겠습니다.
[01:01]
문서를 클릭하겠습니다.
[01:03]
API로 가겠습니다.
[01:05]
이번에는 Python을 사용하겠습니다.
[01:08]
여기 있는 모든 문서를
[01:10]
가져오겠습니다. 복사합니다.
[01:13]
작업 디렉토리로 가서 kling 파일을 만들거나
[01:17]
kling.md라고 부르겠습니다.
[01:20]
붙여넣기 합니다.
[01:22]
기본적으로 필요한 모든 문서입니다.
[01:25]
파일 API 키도 여기에 있습니다.
[01:29]
이제 Claude로 할 수 있는 것은
[01:31]
이런 식으로 하는 것입니다.
[01:33]
웹캠을 사용해 내 사진을 찍고
[01:36]
로컬에 저장할 수 있는
[01:38]
HTML CSS 기반의 간단한 AI 앱이 필요합니다.
[01:40]
앱은 또한 이 사진을
[01:43]
비디오 모델 Kling을 사용해서
[01:45]
프롬프트와 함께 보낼 수 있어야 합니다.
[01:48]
문서를 읽고 태그할 수 있고
[01:49]
API가 비디오를 반환하면
[01:51]
앱이 비디오를 재생할 수 있어야 합니다.
[01:54]
이에 대한 계획을 세워주세요.
[01:56]
Shift Tab을 누르고 계획 모드를 선택할 수 있습니다.
[01:58]
계획 모드를 실행하겠습니다.
[02:00]
이것은 계획을 만들고 실행할 수 있게 해줍니다.
[02:02]
이 모든 것은 이미 2.0 이전의 Claude에 있었습니다.
[02:05]
여기서 계획을 볼 수 있습니다.
[02:07]
좋아 보입니다.
[02:09]
계획을 실행하겠습니다.
[02:12]
새로운 것은 무엇일까요? 여기서 보면
[02:14]
이제 터미널 새로고침을 할 수 있습니다.
[02:17]
Ctrl+R과 검색 가능한 프롬프트 히스토리를 할 수 있습니다.
[02:20]
사용량도 확인할 수 있습니다.
[02:22]
슬래시 사용량으로 가면
[02:24]
지금 얼마나 사용했는지 볼 수 있습니다.
[02:26]
제가 생각하기에 꽤 유용합니다.
[02:29]
여기서 토글할 수 있고
[02:31]
상태, 설정, 사용량을 확인할 수 있으며
[02:34]
속도 제한이 어떤지 볼 수 있습니다.
[02:37]
할 수 있는 한 가지 더는
[02:40]
여기서 체크포인트를 보면
[02:42]
더블 이스케이프나 되감기를 할 수 있습니다.
[02:45]
나중에 확인해보겠습니다.
[02:46]
하지만 지금은 여기서 앱을 시작해보겠습니다.
[02:50]
계획을 실행합니다.
[02:52]
이제 새로운 모델에서 실행되는
[02:54]
Claude Code에 지시를 주겠습니다.
[02:56]
Claude 3.5 Sonnet입니다.
[02:59]
On the Edge 첫 번째 에피소드에서 살펴봤죠.
[03:02]
이것도 2.0의 업그레이드라고 할 수 있습니다.
[03:05]
이제 계획을 실행하고 어떻게 되는지 보겠습니다.
[03:08]
우리가 만든 것을 확인해보죠. 뭔가를
[03:10]
되돌리고 싶다면 그렇게 할 수
[03:12]
있습니다. 좋아요. 그럼 끝났네요, 맞죠? 이제
[03:14]
할 수 있는 건 이걸 테스트해보는
[03:16]
겁니다. 여기로 가면, 네, 먼저
[03:19]
서버를 시작할 수 있을 것 같네요,
[03:22]
맞죠? 8080번 포트에서요. app.py를 실행해보겠습니다.
[03:26]
좋아요. 새로운 로컬호스트를
[03:30]
열어보죠. 8080으로 해보겠습니다. 이렇게 하면 될 거예요.
[03:33]
좋아요. 이제 사진을 캡처할 수
[03:35]
있는 걸 볼 수 있습니다. 안녕하세요. 그럼 해보죠.
[03:39]
좋아요. 이미지가 있네요. '남자가
[03:41]
카메라를 들고 블로깅을 시작한다' 같은
[03:44]
내용으로 해보죠. 잘 모르겠지만요.
[03:45]
이제 이 요청을 보낼 수 있습니다,
[03:47]
맞죠? 파일 API로 보내는 중이에요.
[03:50]
그리고 이제 비디오가
[03:52]
돌아오는지 기다려보겠습니다.
[03:54]
네, 생성된 비디오입니다. 그리고
[03:56]
여기 있네요. 이제 재생하면
[03:58]
어떤 일이 일어나는지 봅시다.
[04:04]
음, 제가 카메라를
[04:06]
조정하는 것 말고는 별다른 걸 하지 않은 것 같네요.
[04:10]
하지만 꽤 괜찮아 보이죠? 그리고
[04:11]
만들기도 매우 간단한 앱이에요. 그럼
[04:14]
Claude Code의 새로운 기능들을
[04:16]
테스트해보기 위해 UI를
[04:18]
바꿔보고 싶다고 해봅시다. UI를
[04:24]
다크 테마로 만들어보죠. 좋아요. 실행해봅시다.
[04:26]
이제 단순히 CSS를 편집하고
[04:28]
다크 테마를 얻게 될 것 같네요.
[04:30]
좋아요. 이제 우리가
[04:32]
styles.css 파일에 몇 가지 변경사항을
[04:35]
만든 걸 볼 수 있습니다. 다시 여기로 가서
[04:38]
새로고침하면 우리가 UI를
[04:40]
변경한 걸 볼 수 있습니다. 하지만 여전히 모든 것이
[04:42]
거의 같습니다. 이제 체크포인트와 버전
[04:44]
제어 기능을 살펴봅시다. 우리는 이미
[04:46]
여기서 코드를 편집했습니다. 이제
[04:48]
할 수 있는 건 /rewind를
[04:51]
하는 겁니다,
[04:53]
맞죠? 이제 몇 가지 옵션이 있습니다. 'UI를
[04:56]
다크 테마로 만들자'로 되돌아갈 수 있습니다.
[05:00]
styles.css에서 몇 가지
[05:02]
변경사항을 볼 수 있습니다.
[05:05]
여기 diff에서 +19와 -9를 볼 수 있네요.
[05:08]
여기를 클릭하면 코드와 대화 복원,
[05:10]
대화만 복원 중에서 선택할 수
[05:13]
있습니다. 저는 코드와 대화를
[05:16]
복원하고 싶습니다. 맞죠?
[05:19]
좋아요. 이제 끝났을 겁니다. 여기로 가서
[05:21]
새로고침하면, 이전 설정으로
[05:24]
돌아가는 걸 볼 수 있습니다.
[05:26]
완벽합니다. 이게 그들이 추가한
[05:28]
체크포인트 기능입니다. 정말
[05:30]
유용하다고 생각합니다. 이건 우리가
[05:31]
Cursor에서 가지고 있던 기능이고
[05:33]
분명히 제가 사용하게 될 기능입니다.
[05:36]
체크포인트와 사용량 표시 같은
[05:38]
이 두 가지 변경사항은 정말 좋다고
[05:41]
말하고 싶습니다. 물론 다른 몇 가지 변경사항도 있습니다.
[05:44]
새로운 모델은 큰 업그레이드입니다. 마지막으로
[05:46]
한 가지 더 말씀드리자면, 그들이
[05:48]
Agent SDK를 업데이트했습니다. 실제로
[05:50]
이름을 바꾼 것 같아요. 서브
[05:52]
에이전트 훅, 백그라운드 작업 등을 위한
[05:55]
새로운 Agent SDK에 대해
[05:57]
더 깊이 들어갈 수 있습니다.
[06:00]
하지만 이 비디오에서는 그렇게 하지 않을 거예요.
[06:03]
Claude Code SDK가
[06:05]
Claude Agent SDK로 이름이 바뀐 걸
[06:07]
볼 수 있습니다. 곧 업로드될 비디오에서
[06:11]
다룰 것 같아요. 이 새로운 프레임워크를 사용해서
[06:13]
에이전트를 만드는 방법을 봅시다.
[06:14]
장시간 실행되는 에이전트
[06:16]
실행 같은 매우 흥미로운 기능들이
[06:18]
있다고 생각합니다. 하지만 지금까지는
[06:20]
Claude Code 업데이트에 꽤 만족하고 있습니다.
[06:23]
분명히 확인해보시길 권합니다.
[06:24]
Cursor나 다른 걸로
[06:26]
바꾸실 계획이라면, 여전히
[06:28]
GPT-4o 모델이 좀 더 날카롭다고 생각합니다.
[06:31]
하지만 Claude 3.5 Sonnet의 속도 같은 부분이
[06:34]
일상적인 작업에서 좀 더 사용하기 쉽게
[06:37]
만들어줍니다. 오늘 우리가 한 것처럼
[06:40]
간단한 앱을 만드는 일 말이에요,
[06:44]
맞죠? 이 간단한 비디오 생성기
[06:46]
앱처럼 말입니다. 물론 현재
[06:49]
최고의 코딩 에이전트 중 하나로
[06:51]
평가하고 싶습니다. Cursor와 다른 여러 도구들과 함께
[06:54]
경쟁하고 있는 상황이죠.
[06:57]
다른 에피소드에서
[06:58]
그런 것들을 살펴볼 수도 있지만, 네, 이것이
[07:01]
Claude Code 2.0에 대한 간단한 업데이트였습니다.
[07:03]
On The Edge에서 말이죠. 시청해주셔서
[07:05]
감사합니다. 좋은 하루 보내세요.