[00:00]
이 표 이미지를 여기에 붙여넣고
[00:02]
인터랙티브 인포그래픽을 만들어달라고
[00:04]
해볼까요
[00:06]
와, 이건 너무 쉽네요
[00:09]
자, 이걸 시도해볼게요
[00:12]
페로몬 경로를 사용하는 먹이를 찾는 개미 군집을
[00:15]
만들어서 기본적인 AI 규칙으로
[00:17]
개미들이 탐색하고 경로를 최적화하는 것을 보여주세요
[00:22]
세상에, 이건 말도 안 되게 대단하네요
[00:26]
이것도 한번 해볼까요?
[00:28]
사용자가 원소 위에 마우스를 올리면
[00:30]
원소의 특성과 원자 구조의
[00:33]
애니메이션을 볼 수 있는 인터랙티브 주기율표를 만들어주세요
[00:36]
각 원소 위에 마우스를 올리면
[00:38]
특성과 함께 원자 구조의
[00:40]
애니메이션까지 보여주네요. 정말 놀랍습니다
[00:44]
이번엔 이걸 시도해볼게요. 고층 빌딩과
[00:47]
고속도로가 있는 미래형 도시의
[00:49]
3D 시뮬레이션을 만들어주세요
[00:52]
이번엔 확장 사고 모드를 켜볼게요
[00:55]
세상에, 말도 안돼요
[00:59]
미쳤어요
[01:00]
Anthropic이 몇 달 동안 조용했는데
[01:03]
드디어 이번 주에
[01:05]
새로운 모델 Claude 3.5.1 버전 2를
[01:08]
실험적 사고 버전으로 출시했... 아니 농담입니다
[01:12]
Claude 3.7이에요
[01:14]
3.6은 어떻게 됐냐고요?
[01:18]
아무도 모르죠. 왜 4가 아니냐고요?
[01:20]
그것도 모릅니다. 그냥 그런거죠
[01:23]
AI 스타트업들은 작명에는
[01:26]
정말 뛰어나고 우리를 혼란스럽게 하는데도
[01:27]
아무튼 이 영상에서는
[01:30]
Claude 3.7 사용법을 보여드리고
[01:32]
놀라운 기능들을 시연해서
[01:35]
할 수 있는 것과 없는 것을 보여드리겠습니다
[01:37]
게다가 다른 AI 모델들과 비교한
[01:40]
성능과 벤치마크도 살펴보겠습니다
[01:42]
시작해볼까요?
[01:45]
이 영상의 스폰서
[01:47]
HubSpot에 감사드립니다
[01:49]
먼저 Claude 3.7을 어디서
[01:51]
사용할 수 있는지 알아보겠습니다. 여러 플랫폼에서
[01:54]
이용 가능한데요, 물론 첫 번째는
[01:56]
Claude 자체 사이트인 claude.ai입니다
[01:59]
링크는 설명란에 넣어두겠습니다
[02:01]
단, 계정을 만들려면 전화번호가
[02:03]
필요한데 이게 좀 불편하죠
[02:06]
전화번호를 제공하고 싶지 않다면
[02:09]
다른 플랫폼들도 있습니다
[02:10]
예를 들어 Monica가 있는데
[02:13]
설명란에 링크를 넣어두겠습니다
[02:15]
할인 코드도 준비했고
[02:17]
또는 Appus AI의 chat llm이나 poe도 있습니다
[02:20]
이 모든 링크를
[02:22]
설명란에 넣어두겠습니다. 이 플랫폼들은
[02:24]
계정 생성시 전화번호가 필요없죠
[02:27]
게다가 Cursor에서도 사용 가능해서
[02:30]
코드 에디터에서 직접 Claude 3.7을 사용할 수 있습니다
[02:34]
이 영상에서는 Claude 자체
[02:36]
인터페이스를 사용하겠습니다
[02:39]
여기 보시면 기본적으로
[02:41]
Claude 3.7이 선택되어 있습니다. Claude 3.7은
[02:45]
하이브리드 추론 기능이라는 것을 갖추고 있는데
[02:48]
이는 문제 해결과 추론 능력을
[02:50]
향상시켰습니다
[02:52]
특히 과학, 수학, 코딩 등에서
[02:54]
유용하게 사용될 수 있죠
[02:57]
또한 확장 사고 기능도 있어서
[02:59]
더 오래 생각할 수 있게 해주는데
[03:02]
복잡한 추론과 문제 해결에
[03:05]
더 좋은 성능을 보여줍니다
[03:07]
참고로 이 기능은
[03:10]
DeepSeek의 딥 씽크 기능이나
[03:13]
OpenAI의 추론 기능, 그리고 Grok의
[03:15]
기능과 기본적으로 같은 겁니다
[03:18]
이 기능을 사용할 수 있습니다.
[03:20]
물론 요약이나 번역, 채팅, 글쓰기와 같은
[03:23]
일반적인 작업도 수행할 수 있지만
[03:26]
솔직히 최상위 AI 모델들은
[03:29]
이미 이런 작업들을 잘 수행하고 있어서
[03:31]
큰 차이는 없습니다.
[03:33]
Claude 3.7이 진정으로 빛나는 부분은
[03:36]
코딩, 수학, 데이터, 과학에 대한
[03:39]
이해도입니다. 이 영상에서는
[03:42]
이러한 예시들을 주로 보여드리면서
[03:44]
Claude 3.7이 실제로 얼마나 뛰어난지
[03:47]
확인해보겠습니다. 먼저 데이터 예시부터 시작해볼까요?
[03:50]
그래프와 차트, 인포그래픽을 만드는 것이
[03:53]
매우 쉽습니다. 이미지를 업로드하거나
[03:55]
CSV 파일 같은 문서를 첨부할 수 있고
[03:58]
구글 드라이브의 문서와 연결할 수도 있습니다.
[04:01]
저는 이 테이블 이미지를 업로드할 건데
[04:03]
실제 테이블이 아닌 이미지만 업로드하고
[04:06]
이렇게 입력하겠습니다.
[04:08]
'이 테이블을 인터랙티브 인포그래픽으로 변환하고
[04:11]
시각적으로 매력적으로 만들어줘'
[04:12]
이것은 중요한 문구인데
[04:15]
이 튜토리얼에서 자주 사용할 겁니다.
[04:17]
그리고 'CSS, JS, HTML을
[04:19]
하나의 HTML 파일에 사용해줘'라고 추가합니다.
[04:23]
이것도 제가 자주 사용하는 핵심 문구로
[04:25]
모든 것을 하나의 독립 실행형 파일에
[04:28]
유지하기 위해 사용합니다.
[04:31]
자, 이제 엔터를 눌러서
[04:33]
결과를 확인해보겠습니다.
[04:34]
와, 정말 멋지지 않나요?
[04:37]
브랜드와 성별로 데이터를 구분해서 보여주는데
[04:41]
코카콜라만 클릭하면 코카콜라의
[04:44]
모든 통계만 보여줍니다.
[04:46]
여성과 남성 사이에서 가장 인기 있는 콜라와
[04:49]
성별 간 가장 큰 차이도 보여주네요.
[04:53]
그리고 여기 펩시만 따로 보면
[04:55]
아주 깔끔하고, 전체 브랜드도 볼 수 있습니다.
[04:58]
모든 브랜드가 보이네요.
[05:00]
데이터 테이블 이미지 하나로
[05:02]
정말 멋진 인포그래픽이 만들어졌죠?
[05:05]
이런 식으로 보고서나 프레젠테이션용
[05:08]
차트와 인포그래픽을 만드는 데
[05:11]
매우 유용한 것을 알 수 있습니다.
[05:13]
이제 새로운 채팅을 시작해서
[05:15]
엑셀 테이블이 있는데
[05:18]
여러 동물들 간의 상관관계가
[05:20]
정리되어 있습니다. 이 데이터를
[05:22]
Claude에 붙여넣고 그래프를 만들어보죠.
[05:25]
프롬프트로는 이렇게 입력하겠습니다:
[05:27]
'이 테이블을
[05:29]
인터랙티브 네트워크 그래프로 변환하고
[05:31]
시각적으로 매력적으로 만들어줘' - 이건 제가 자주 쓰는
[05:34]
문구인데 디자인을
[05:36]
훨씬 더 좋게 만들어줍니다. 'CSS, JS, HTML을
[05:39]
하나의 HTML 파일에 사용해줘'라고 입력하고
[05:43]
시프트 엔터를 눌러
[05:45]
새 줄을 시작한 다음
[05:47]
이 데이터를 전부 복사해서
[05:49]
여기에 붙여넣겠습니다.
[05:51]
자, 생성 버튼을 눌러서 결과를 확인해볼까요?
[05:54]
Claude의 좋은 점은
[05:56]
아티팩트 기능이 있어서
[05:58]
코드 출력과 함께
[06:00]
실시간 미리보기도 제공한다는 거죠.
[06:03]
다만 OpenAI나 Gemini,
[06:06]
DeepSeek만큼 빠르지는 않아서
[06:09]
코드를 완성하는 데
[06:12]
몇 초 정도 걸립니다.
[06:14]
와, 정말 대단하네요! 이걸로
[06:18]
이것저것 시도해볼 수 있는데
[06:21]
지금 창이 좀 작아서
[06:24]
전체 코드를
[06:26]
복사 버튼을 눌러서
[06:28]
복사하겠습니다.
[06:30]
제 컴퓨터의 어딘가에
[06:33]
새로운 HTML 파일을 만들어 보겠습니다.
[06:36]
먼저 텍스트 문서를 선택하고
[06:37]
확장자를 HTML로 변경할 건데요.
[06:40]
test.html이라고 이름을 지정하고
[06:43]
확장자 변경을 승인한 다음
[06:46]
우클릭해서 메모장으로 열겠습니다.
[06:48]
물론 다른 코드 에디터를 사용하셔도 됩니다.
[06:50]
다시 돌아와서
[06:53]
이 코드 전체를 복사하고
[06:55]
여기에 붙여넣은 다음 Ctrl+S로 저장하겠습니다.
[06:58]
이제 이 HTML 파일을 웹 브라우저에서 열면
[07:01]
전체 앱을 열 수 있고
[07:04]
전체 화면으로 볼 수 있습니다.
[07:06]
정말 멋지지 않나요?
[07:08]
모든 것의 네트워크 그래프를 생성했습니다.
[07:11]
이제 모든 설정을 테스트해 보겠습니다.
[07:13]
반발력을 증가시키면 더 뭉쳐지고
[07:15]
반발력을 감소시키면
[07:18]
서로 더 멀어지면서
[07:20]
데이터가 더 넓게 퍼지는 것을 볼 수 있습니다.
[07:23]
그리고 한번 확인해 볼까요?
[07:25]
이 연결들을 클릭해서 드래그할 수 있을까요?
[07:27]
네, 가능하네요. 정말 멋지죠?
[07:31]
그리고 링크 거리는 어떨까요?
[07:33]
이것을 더 높게 조정해 보겠습니다.
[07:37]
링크가 더 길어지는 것을 볼 수 있고
[07:39]
이것을 더 작게 하면
[07:41]
링크가 더 짧아지네요.
[07:43]
매우 흥미롭습니다.
[07:45]
그리고 연관성 임계값은 어떨까요?
[07:48]
이 슬라이더를 올리면
[07:51]
높일수록 일부 연결이
[07:53]
끊어지고, 1까지 올리면
[07:56]
동물들 간의 연결이 모두 사라집니다.
[07:58]
그리고 임계값을 다시 낮추면
[08:00]
서로 다른 종 사이에
[08:02]
연결이 다시 형성되는 것을 볼 수 있습니다.
[08:05]
이것은 두 종이 얼마나
[08:07]
연관되어 있는지를 결정하는 것 같네요.
[08:10]
연결이 형성되기 전에 매우 흥미롭습니다.
[08:13]
마우스를 올리면
[08:15]
연결을 볼 수 있는데, 여우는 두 개의 연결이 있습니다.
[08:17]
곰과는 75%, 늑대와는 70%의 연관성이 있네요.
[08:22]
물론 이건 임의의 데이터지만
[08:24]
정확한지 확인해 보겠습니다.
[08:26]
여우와 곰이 실제로 75%네요.
[08:31]
여우와 늑대도 70%로 정확합니다.
[08:34]
이제 호랑이 연결을 확인해 볼까요?
[08:36]
세 개의 연결이 있네요.
[08:39]
사자와는 95%의 연관성이 있고
[08:42]
표범은 80%, 치타는 70%입니다.
[08:46]
다시 확인해 보면, 사자와 호랑이는 95%
[08:50]
맞습니다. 표범과는 80%
[08:53]
이것도 정확하고, 치타와는
[08:55]
70%로 이것도 정확합니다. 정말 멋진 도구네요.
[09:00]
자, 여기 있습니다.
[09:02]
모든 동물들의 완전히 기능하는 네트워크 그래프로
[09:05]
조정 가능한 설정이 있고
[09:07]
완전히 인터랙티브하여
[09:09]
모든 설정을 조정할 수 있습니다.
[09:12]
정말 놀랍네요. 한 번에
[09:14]
모든 것을 완벽하게 만들었습니다.
[09:17]
이제 새로운 채팅을 시작해서
[09:20]
멋진 앱을 몇 개 더 만들어보죠.
[09:22]
여기 프롬프트를 보면 '독립형 HTML 페이지를 만들어주세요'
[09:24]
제가 자주 사용하는 또 다른 핵심 문구인데
[09:27]
비디오를 업로드하면
[09:29]
흑백 점들로 변환되도록 할 겁니다.
[09:31]
점 크기를 조절할 수 있는 슬라이더를 포함하고
[09:33]
원본 비디오와 변환된 비디오를
[09:36]
나란히 미리보기할 수 있게 해달라고 했습니다.
[09:39]
생성 버튼을 눌러서 어떻게 되는지 보죠.
[09:42]
자, 여기 결과가 나왔네요.
[09:45]
자, 결과가 나왔는데요. 다시 한 번 말씀드리면
[09:47]
이 화면이 좀 찌그러져 있어서
[09:49]
이 코드를 복사해서
[09:52]
HTML 파일로 돌아가서
[09:55]
이전 코드를 지우고 새 코드를 붙여넣은 다음
[09:57]
Ctrl+S를 눌러 저장하겠습니다.
[09:59]
위쪽에 있는 저장 버튼을 클릭해도 됩니다.
[10:01]
HTML 파일을 새로고침하면
[10:05]
새로운 비디오 도트 변환기를 볼 수 있습니다.
[10:07]
잘 작동하는지 확인해 볼까요?
[10:09]
비디오를 업로드해 보겠습니다.
[10:12]
업로드 기능이 잘 작동하고, 재생해보면
[10:16]
마법처럼 비디오가 흑백 도트로 변환됩니다.
[10:19]
정말 놀랍지 않나요?
[10:22]
계속 반복 재생되도록 설정하고
[10:26]
여기서 도트 크기를 조절할 수 있습니다.
[10:30]
이렇게
[10:31]
도트 크기를 키워볼까요?
[10:35]
도트 간격도 조절할 수 있어서
[10:37]
도트 사이의 간격을 더 넓힐 수 있습니다.
[10:40]
정말 멋지죠?
[10:43]
그리고 밝기 임계값은
[10:46]
어느 부분이 검은색이 되고
[10:48]
어느 부분이 흰색이 될지 결정합니다.
[10:51]
도트 크기를 좀 줄이고
[10:55]
간격도 좀 좁혀보겠습니다.
[10:58]
재생과 일시정지를 눌러보면
[11:01]
정상적으로 작동하네요. 놀랍지 않나요?
[11:05]
단 한 번의 프롬프트로, 추가 지시 없이
[11:07]
완벽하게 작동하는 페이지를 만들어냈고
[11:10]
비디오를 흑백 도트로 변환할 수 있으며
[11:12]
설정까지 조절 가능하고
[11:14]
모든 것이 마법처럼 작동합니다.
[11:16]
이제 더 대단한 걸 시도해볼까요?
[11:19]
프롬프트에 이렇게 작성하겠습니다.
[11:21]
독립 실행형 HTML 페이지에
[11:24]
Three.js를 사용해서
[11:26]
이건 제가 자주 쓰는 핵심 문구인데요
[11:28]
Three.js는 3D 애니메이션을 만드는 데 매우 유용한 라이브러리입니다.
[11:32]
우리는 이걸 이용해서
[11:35]
복잡한 미래도시의 3D 시뮬레이션을 만들 건데
[11:37]
마천루와 고속도로가 있는
[11:40]
디자인과 시각효과를 멋지게 만들어보겠습니다.
[11:43]
이것도 제가 자주 쓰는 핵심 문구인데요
[11:46]
Claude의 프롬프트에 꼭 넣어주세요.
[11:48]
그렇지 않으면 좀 더 지루하고 단순한
[11:50]
결과물이 나올 수 있거든요.
[11:53]
디자인을 멋지게 만들라고 하면
[11:56]
실제로 더 많은 노력을 기울여서
[11:57]
보기 좋게 만들어냅니다.
[11:59]
그리고 낮과 밤을 조절하는 슬라이더와
[12:02]
다른 효과들도 포함시키고, 창의적으로 만들되
[12:05]
다른 의존성은 사용하지 말라고 할게요.
[12:07]
이것도 제가 자주 쓰는 문구로
[12:09]
모든 것을 하나의 파일에 담기 위해서죠.
[12:11]
그리고 이번에는 꽤 복잡한 프롬프트라
[12:14]
3D 도시 전체를 생성해야 하니까
[12:16]
아래로 내려가서
[12:19]
확장 사고 기능을 선택하겠습니다.
[12:21]
이렇게 하면 더 오래 생각하게 되고
[12:23]
이론적으로는 더 나은 결과가 나올 거예요.
[12:26]
자, 생성 버튼을 눌러볼까요?
[12:28]
어떤 결과가 나올지 보겠습니다.
[12:31]
와, 이게 나왔네요! 믿을 수 없죠?
[12:35]
도시로 들어가기 전에
[12:37]
생각하는 과정을 살펴보죠.
[12:39]
확장 사고 모드를 켰기 때문에
[12:42]
이걸 확장해서 어떻게 생각하는지
[12:44]
코드를 출력하기 전에
[12:47]
모든 것을 어떻게 처리하는지 볼 수 있어요.
[12:49]
여기서는 모든 요구사항을 나열하고 있네요.
[12:52]
전체 HTML 페이지를 만들기 위해
[12:54]
이 모든 것들이 필요하다고 하네요.
[12:57]
이 모든 것을 포함하는 해결책을 디자인해보죠.
[12:59]
이제 모든 것을 포함하는
[13:01]
완전한 HTML 결과물을 만들어보겠습니다.
[13:04]
여기 필요한 모든 코드가 포함되어 있고
[13:07]
마우스를 드래그해서
[13:09]
이 도시를 둘러볼 수 있습니다
[13:12]
이 창이 좀 작아서
[13:14]
이 코드를 클릭하고
[13:16]
여기 있는 모든 것을 복사한 다음
[13:18]
테스트 HTML 파일에
[13:21]
모든 코드를 붙여넣고 저장한 뒤
[13:23]
웹 브라우저에서 열어보겠습니다
[13:26]
자, 여기 우리의 도시가 있네요
[13:28]
정말 놀랍지 않나요? 마우스 스크롤을 하면
[13:32]
확대와 축소가 가능합니다
[13:35]
카메라 높이를 조정하면
[13:38]
실제로 카메라 높이가
[13:41]
조정되는 것을 볼 수 있죠
[13:43]
이제 안개 효과를 살펴볼까요
[13:46]
안개를 증가시키면
[13:48]
마치 대기오염이 심한 것처럼 보이고
[13:50]
거의 아무것도 보이지 않게 됩니다
[13:53]
안개가 검은색인데
[13:56]
안개를 줄이면, 와우 정말 멋지네요
[14:00]
안개를 0으로 설정하면
[14:02]
하늘이 훨씬 깨끗해집니다
[14:04]
슬라이더를 다시 조정해보면
[14:08]
얼마나 멋진가요?
[14:11]
그리고 시간대 설정도 있습니다. 지금은 낮인데
[14:15]
이 슬라이더를 조정하면... 와, 굉장하네요
[14:19]
하늘이 오렌지색으로 변하고
[14:22]
해가 지는 것을 볼 수 있습니다
[14:24]
그리고 이제 밤하늘로 바뀌는데
[14:26]
실제 별들까지 보이네요. 정말 놀랍도록 디테일합니다
[14:30]
프롬프트 얘기가 나온 김에
[14:33]
HubSpot에서 제공하는 무료 리소스를 소개해드릴게요
[14:35]
제가 Claude나 다른 AI 모델을 사용할 때
[14:38]
특정 핵심 문구와 프롬프트를 추가하면
[14:40]
큰 차이가 있다는 걸 발견했습니다
[14:42]
그래서 여러분과 공유하고 싶은
[14:44]
무료 리소스가 있습니다
[14:46]
이것은 정말 큰 도움이 될 거예요
[14:49]
여기서는 Claude를 개인 비서처럼 설정하는 방법을
[14:51]
배울 수 있습니다
[14:53]
전체 워크플로우를 관리하고
[14:56]
여러분의 선호도를 학습하며 프로젝트 전반에 걸쳐
[14:59]
맥락을 유지하는 방법도 알려줍니다
[15:02]
또한 자동으로 업데이트되는
[15:04]
문서 작성 방법도
[15:06]
설명되어 있습니다
[15:08]
데이터를 분석하는 인터랙티브 대시보드를
[15:11]
데이터 사이언스 팀 없이도 만들 수 있죠
[15:14]
특히 제가 좋아하는 부분은
[15:16]
시장 인텔리전스나
[15:18]
운영 지표, 재무 분석과 같은
[15:20]
실제 응용 사례를 다루는 섹션입니다
[15:23]
콘텐츠 마케팅 혁명 챕터에서는
[15:25]
Claude가 어떻게 전체 콘텐츠 전략을
[15:28]
변화시킬 수 있는지 보여줍니다
[15:30]
다양한 독자층에 맞게 글쓰기 스타일을 조정하면서
[15:32]
모든 채널에서 브랜드 톤을 유지하는 방법을 알려주죠
[15:35]
가장 좋은 점은 이 번들이 완전히 무료라는 것입니다
[15:38]
설명란의 링크를 클릭하시면
[15:40]
바로 액세스할 수 있습니다
[15:42]
이 번들은 이 영상의 스폰서인 HubSpot이 제작했습니다
[15:46]
그런데 이쪽으로 드래그하면
[15:48]
해가 지면서 생기는
[15:50]
고층 건물들의 그림자를 보세요
[15:53]
실제로 일몰을 시뮬레이션하고 있어서
[15:55]
모든 건물들 사이의 그림자와
[15:58]
하늘이 오렌지색으로 변하고
[15:59]
마침내 밤하늘로 바뀌는 것을
[16:02]
볼 수 있습니다. 반대로 드래그하면
[16:04]
어떻게 되는지 볼까요?
[16:07]
아마도 일출이겠죠, 그리고
[16:09]
네온 강도를 테스트해보겠습니다
[16:12]
이것을 최대값으로 올리면
[16:15]
값을 최대로 하니까 건물들이 더
[16:17]
네온 색상으로 보이네요. 카메라 높이를
[16:19]
조정해보고, 이 값을 전부
[16:21]
0으로 하면... 네온 색상이
[16:23]
완전히 꺼지네요. 다시 1로 설정하면
[16:26]
건물들에 색상이 다시 나타나는 걸
[16:28]
확인할 수 있습니다. 이제 다시
[16:31]
낮 시간대로 바꾸고 좀 더 확대해볼게요
[16:34]
그리고 카메라 높이를 낮춰보겠습니다
[16:37]
이 미래도시에 떠다니는 차들이
[16:40]
보이네요. 교통 밀도를 높이면
[16:42]
어떻게 될까요? 실제로 공중을 나는
[16:45]
차들이 더 많이 보이네요
[16:48]
이것은 확실히
[16:50]
미래도시예요. 모든 것이 매우
[16:52]
상세하고, 시간대도 바꿀 수 있어서
[16:54]
일출과 일몰도 시뮬레이션하고
[16:57]
밤하늘의 별까지 보여줍니다. 이건
[17:00]
정말 인상적이에요. 게다가 단 하나의 프롬프트로
[17:03]
이 모든 것을 만들어냈다는 게
[17:05]
너무 멋지네요. 여러분과 공유하고 싶어서
[17:07]
프롬프트도 보여드리고
[17:08]
코드도 직접 실행해보실 수 있게
[17:10]
하겠습니다. 공유 버튼을 클릭하고
[17:13]
공유하기를 누르면 이제
[17:15]
누구나 볼 수 있는 공개 링크가 생성됩니다
[17:18]
이 링크를 복사해서
[17:20]
설명란에 붙여넣을게요. 그러면
[17:22]
직접 체험해보실 수 있습니다. 이건 단 하나의
[17:25]
프롬프트로, 확장 사고
[17:27]
기능을 사용해서 만든 거예요
[17:28]
완전한 3D 도시를 만들어냈다는 게
[17:31]
정말 믿을 수 없을 정도네요. 자, 이제
[17:34]
새로운 채팅을 시작해볼게요. 이번에는
[17:37]
웹페이지를 만들어보겠습니다. Hugging Face의
[17:39]
스크린샷을 찍어볼게요
[17:42]
여기까지만 스크린샷을 찍어서
[17:44]
붙여넣고, 이렇게 입력하겠습니다
[17:46]
'이 웹페이지를 독립형 HTML 파일로 복제해줘'
[17:48]
생성 버튼을 눌러서 결과를 확인해볼게요
[17:51]
참고로 꼭 HTML일 필요는 없어요
[17:53]
기본적으로는 React로 코딩하지만
[17:55]
일반 HTML이나 Python 또는 다른
[17:58]
프레임워크나 언어로도 만들 수 있습니다
[18:00]
자, 보시죠
[18:03]
와, 이건 정말 대단해요
[18:06]
실제 Hugging Face 사이트와 매우 비슷하네요
[18:09]
물론 폰트가 약간 다르고
[18:11]
접근할 수 없는 로고 같은
[18:14]
약간의 차이는 있지만요. Claude 3.7을 사용하면
[18:16]
기존 웹사이트를 쉽게 복제하거나
[18:18]
와이어프레임을 디자인할 수 있습니다
[18:21]
자, 새로운 채팅을 시작해볼게요
[18:24]
앞서 말씀드렸듯이 Claude 3.7은
[18:26]
과학, 코딩, 수학 같은 STEM 분야에서 뛰어나요
[18:30]
한번 이렇게 시도해보겠습니다
[18:32]
p5.js 스크립트를 작성해볼게요. 이건
[18:35]
제가 자주 사용하는 또 다른
[18:37]
키워드인데요, JavaScript 라이브러리를 사용해서
[18:40]
애니메이션을 만드는 거예요
[18:43]
먹이를 찾는 개미 군집을
[18:45]
시뮬레이션해볼 건데, 페로몬 트레일을 사용하고
[18:48]
기본적인 AI 규칙으로 개미들이
[18:50]
탐색하고 경로를 최적화하는 걸 보여줄거예요
[18:53]
사용자가 실시간으로 조정할 수 있는
[18:55]
컨트롤도 포함시켜보죠
[18:58]
자, 어떻게 처리하는지 봅시다
[19:01]
좋아요, 이제
[19:03]
p5.js 스크립트가 생성됐는데
[19:05]
여기서는 미리보기가 안 되지만
[19:08]
괜찮아요. 이 코드를 복사해서
[19:10]
온라인 P5 에디터에 붙여넣을 수 있어요
[19:13]
링크는 설명란에 남겨두겠습니다
[19:15]
아래에서 코드를 붙여넣기만 하면 됩니다
[19:17]
여기에 붙여넣고 실행해 보면, 얼마나 대단한지 보실 수 있죠
[19:21]
여기 개미들이 움직이면서 먹이를 찾고 있네요
[19:24]
보시다시피 이 초록색 블록들이 먹이인 것 같습니다
[19:28]
개미 수를 늘려서 어떻게 되는지 한번 보죠
[19:31]
자, 이제 개미가 엄청 많아졌네요
[19:33]
먹이를 발견하면
[19:36]
개미들이 초록색으로 변하는 걸 볼 수 있고
[19:39]
개미들이 초록색으로 변하면서
[19:41]
먹이를 둥지로 가져가고 있어요
[19:44]
개미 속도를 높이면
[19:46]
훨씬 빠르게 움직이고
[19:48]
속도를 낮추면 좀 더 천천히 움직이죠
[19:51]
이렇게 속도 조절이 잘 작동합니다
[19:54]
페로몬 강도는 제가 생각하기에
[19:57]
서로 얼마나 영향을 주는지를 나타내는 것 같아요
[19:59]
개미가 먹이를 발견했을 때 주변 개미들에게
[20:02]
얼마나 강하게 신호를 보내서
[20:04]
'여기 먹이가 있으니 가져가자'라고
[20:06]
알리는지를 조절하는 거죠. 이 강도를 높이면
[20:09]
더 많은 개미들이
[20:11]
먹이 쪽으로 몰려가게 될 겁니다
[20:15]
페로몬 강도를 낮추면
[20:17]
서로 영향을 덜 주는 것 같네요
[20:19]
그리고 여기 무작위 이동을 보면
[20:22]
이걸 높이면
[20:25]
더 무작위로 움직이는 게 보이네요
[20:28]
장애물을 추가하면 어떻게 되는지 볼까요
[20:31]
여기에 장애물을 하나 넣어볼게요
[20:33]
아, 세상에! 정말 죄송해요
[20:36]
작은 개미야 미안해
[20:39]
일부러 너한테 장애물을 놓은 건 아니었어
[20:41]
개미가 갇혀버렸네요
[20:44]
'장애물 제거'를 클릭하면
[20:46]
실제로 장애물이 사라지는군요
[20:50]
이번엔 먹이를 여기 어딘가에
[20:53]
추가하고 어떻게 되는지 보겠습니다
[20:56]
몇몇 개미들이 이 먹이를 발견했고
[20:58]
이제 둥지로 돌아가고 있어요
[21:00]
개미 수를 늘리고 속도도 높이고
[21:03]
무작위 이동은 좀 줄여볼게요
[21:06]
한 가지 더 시도해보고 싶은 게 있는데
[21:09]
이 경로 한가운데에
[21:11]
장애물을 하나 놓아보죠
[21:13]
보시다시피 개미들이 이제
[21:15]
이 장애물을 피해가고 있어요
[21:17]
여기 하나 더 놓아볼게요
[21:20]
이제 개미들이 이 장애물을 피해서
[21:23]
돌아가야 하네요. 정말 멋진 데모입니다
[21:26]
완전히 작동하는 개미 군집 시뮬레이션이
[21:29]
만들어졌고, 먹이나 장애물을 추가할 수 있는
[21:32]
옵션도 있습니다
[21:34]
단 한 번의 프롬프트로 이 모든 게
[21:37]
구현된 것이 정말 인상적이에요
[21:39]
혹시 제대로 작동하지 않더라도
[21:41]
몇 번 더 프롬프트를 입력하면
[21:42]
문제를 해결할 수 있을 겁니다
[21:45]
자, 이제 화학 예제를 해볼까요
[21:47]
프롬프트는 'p5.js 스크립트를 작성해주세요'
[21:50]
이건 정말 유용한 라이브러리예요
[21:52]
애니메이션과 시각화를 위한
[21:54]
동적인 주기율표를 시뮬레이션하는데
[21:56]
사용자가 원소 위에 마우스를 올리면
[21:59]
특성과 전자 배치를 볼 수 있고
[22:01]
원자 구조에 대한 애니메이션도 있죠
[22:04]
생성 버튼을 눌러서 결과를 볼까요
[22:05]
참고로 제가 같은 프롬프트를
[22:07]
Claude에서도 사용했는데
[22:10]
원자 구조에 대한 애니메이션은
[22:14]
제공하지 않았어요. Claude 3.7이
[22:17]
더 나은 결과를 보여줄지 봅시다
[22:19]
자, 여기 결과가 나왔네요. 다시 한 번 말씀드리면
[22:23]
p5.js를 사용하면 어떤 이유에서인지
[22:25]
Cloud에서는 미리보기가 안 되니까
[22:28]
이 코드를 전부 복사해서
[22:30]
HTML 파일로 돌아가서 붙여넣고
[22:32]
Ctrl+S로 저장하면
[22:34]
페이지를 새로고침했을 때 이렇게 나옵니다
[22:37]
주기율표의 모든 원소가 표시되지는 않았네요
[22:39]
아마도 공간이 부족했던 것 같은데
[22:41]
일단 테스트해보겠습니다
[22:43]
H에 마우스를 올리면
[22:45]
원자 번호, 원자량, 전자 배치와
[22:48]
설명까지 나타나고
[22:50]
하단에는 원자 구조의 애니메이션까지 보여줍니다
[22:53]
정말 멋지지 않나요?
[22:56]
리튬에 마우스를 올리면
[22:58]
모든 정보가 정확하게 표시되고
[23:01]
애니메이션도 올바르게 보입니다
[23:02]
내부 껍질에 2개의 전자가 있고
[23:05]
바깥 껍질에 1개의 전자가 있는
[23:07]
3개의 전자를 정확하게 보여주네요
[23:10]
나트륨도 보겠습니다
[23:12]
이것도 정확해 보이는데
[23:15]
첫 번째 궤도에 2개의 전자
[23:17]
두 번째 궤도에 8개의 전자
[23:20]
그리고 외각 궤도에 1개의 전자가 있습니다
[23:22]
이제 마그네슘을 볼까요?
[23:24]
애니메이션이 정확해 보이네요
[23:27]
아주 좋습니다
[23:29]
칼슘도 보면
[23:31]
모든 것이 정확해 보이고, 원자번호 5번인
[23:34]
붕소도 있고
[23:37]
인도 있습니다. 몇 가지 더
[23:39]
살펴보겠습니다
[23:42]
여기 안정된 기체들이 있는데
[23:44]
아르곤
[23:48]
네온, 헬륨 모두 정확해 보입니다
[23:51]
원자 구조 애니메이션이 정말 인상적이네요
[23:53]
이건 Claude 3에서는 보지 못했던 기능입니다
[23:56]
Claude 3.7에서는 이처럼
[23:58]
과학이나 다른 분야의 시각화를
[24:01]
쉽게 만들 수 있죠
[24:03]
교육 분야에서 획기적인 변화가 될 수 있습니다
[24:06]
자, 이제 새로운 채팅을 시작해서
[24:08]
수학적 시각화를 시도해보겠습니다
[24:11]
프롬프트는 'p5.js 스크립트를 작성해서
[24:13]
파이 근사값을 구하는 몬테카를로 방법을 시각화하되
[24:16]
정사각형 안에 무작위로 점을 찍어
[24:19]
시간에 따른 파이값을 추정하도록 하세요'
[24:21]
잠시 후에 설명드리겠습니다
[24:23]
그리고
[24:25]
사용자가 실시간으로 조정할 수 있는
[24:27]
컨트롤도 포함시켰습니다. 이건 중요한 문구인데
[24:29]
이걸 포함하지 않으면
[24:32]
때로는 애니메이션이나 시각화가
[24:34]
바로 시작되어버려서
[24:36]
애니메이션을 일시정지하거나
[24:38]
뷰나 다른 설정을 조정할 수 없게 됩니다
[24:40]
그래서 저는 이 문구를
[24:42]
꼭 포함시키려고 하는데요
[24:45]
자, 생성 버튼을 눌러서
[24:46]
어떻게 나오는지 보겠습니다
[24:49]
흥미롭게도 이번에는
[24:50]
미리보기 창에 표시가 되네요
[24:53]
시뮬레이션을 리셋해보겠습니다
[24:56]
수학을 잘 모르시는 분들을 위해
[24:58]
간단히 설명드리겠습니다
[25:00]
파이(π)는 3.14로 시작하는
[25:03]
매우 특별하고 중요한 숫자로
[25:05]
우리 생활 곳곳에서 볼 수 있으며
[25:08]
원의 넓이를 구할 때
[25:10]
그리고 다른 많은 계산에 사용됩니다
[25:12]
그럼 이 값을 어떻게 구했을까요?
[25:15]
한 가지 방법을 보여드리겠습니다
[25:17]
다시 리셋하고, 원을 그려보면
[25:21]
사각형 안에 원을 그려서
[25:23]
원이 사각형의 네 면에 모두 닿도록 하고
[25:26]
그리고 사각형 안에 무작위로 점들을 찍습니다
[25:28]
이 점들 중 일부는
[25:31]
원 안에 있을 수도 있고
[25:33]
원 밖에 있을 수도 있습니다
[25:35]
그리고 원 안에 있는 점의 개수를
[25:36]
전체 점의 개수로 나누고
[25:39]
여기에 4를 곱하면
[25:40]
실제로 파이 값이 나옵니다
[25:43]
다시 한번 리셋해보고
[25:46]
이렇게 계산하는 방법입니다
[25:48]
이제 설정을 조정해보겠습니다
[25:51]
프레임당 점의 개수를 조정하면
[25:53]
매우 빠르게 채워지는 것을 볼 수 있죠
[25:55]
속도를 늦추기 위해 1로 조정하고
[25:57]
리셋을 누르겠습니다
[25:59]
시뮬레이션이 시작됐고, 이제 점 크기를
[26:02]
좀 더 크게 해보겠습니다
[26:05]
점들이 더 크게 보이네요
[26:07]
이제 점들을 작게
[26:09]
줄여보겠습니다. 여기서 보시면
[26:10]
원 안에 있는 점의 개수와
[26:13]
전체 점의 개수
[26:14]
추정된 파이 값과
[26:17]
오차율을 확인할 수 있습니다
[26:20]
속도를 약간 높이면, 점이 많아질수록
[26:23]
실제 파이 값에
[26:25]
더 가까워지고 오차율은
[26:28]
점점 낮아지는 것을 볼 수 있습니다
[26:30]
속도를 더 높여보겠습니다
[26:33]
보시는 것처럼 3.14에 점점 가까워지고
[26:36]
오차도 계속 감소하고 있습니다
[26:40]
다시 1로 줄이고
[26:42]
시뮬레이션을 리셋해보겠습니다
[26:45]
밀도 플롯이 어떤 효과가 있는지 봅시다
[26:48]
흥미롭게도 점들이 사각형으로 바뀌네요
[26:51]
이 밀도 플롯이 정확히 어떤 원리인지는 모르겠지만
[26:53]
어쨌든 이건
[26:55]
파이 값을 추정하기 위한 완벽하게 작동하는
[26:58]
몬테카를로 시뮬레이션입니다
[27:00]
애니메이션도 아름답고
[27:03]
모든 설정이 잘 작동하며
[27:05]
단 하나의 프롬프트로 이 모든 것이 가능하다니
[27:08]
정말 인상적입니다
[27:10]
지금까지 과학과 수학 시각화
[27:13]
예제를 살펴봤는데요
[27:15]
이제 게임 코딩은 얼마나 잘하는지
[27:18]
3.js를 사용해서 한번 시도해보겠습니다
[27:21]
마인크래프트 환경을 만들고 시작과 일시정지 버튼,
[27:23]
속도 조절 슬라이더를 포함시키겠습니다
[27:26]
이것은 제가 프롬프트에
[27:28]
자주 포함시키는 또 다른 문구인데
[27:31]
시스템이 자율적으로
[27:32]
매우 정교하고 복잡한 성을 짓기 시작하며
[27:35]
시각적 매력에 중점을 두고 놀랍게 보이도록 만듭니다
[27:38]
생성 버튼을 눌러보겠습니다
[27:40]
여기서 보시면 메시지 최대 길이에 도달해서
[27:43]
일시 중지된 것 같네요
[27:46]
코딩이 아직 완료되지 않았습니다
[27:48]
끝에서부터 계속하기를 입력해서
[27:51]
여기서부터 이어서 진행하도록 하겠습니다
[27:54]
코드 맨 아래에서부터
[27:56]
계속 이어서 작성하고 있네요
[27:58]
자, 이제 결과를 보겠습니다
[28:01]
먼저 화면을 축소하고 빌드 시작을 클릭해보겠습니다
[28:05]
음, 아무것도 보이지 않네요
[28:09]
3.js가 이 클라우드 프리뷰와
[28:13]
완전히 호환되지 않는 것 같습니다
[28:16]
코드를 클릭하고
[28:18]
여기 있는 모든 내용을 복사한 다음
[28:21]
테스트 HTML 파일에 붙여넣어보겠습니다
[28:25]
Ctrl+S를 눌러 저장하고
[28:28]
그리고 이 HTML 파일을 열면
[28:30]
보시다시피 바닥이 초록색으로 변했어요
[28:33]
좋은 시작이네요. 이제 한번 보겠습니다
[28:34]
'건설 시작'을 누르면 어떻게 되는지
[28:37]
자, 이제 성을 짓기 시작했습니다
[28:40]
속도를 좀 높여볼게요
[28:43]
더 빠르게 건설되는 것을 보실 수 있죠
[28:46]
참고로 three.js가
[28:49]
Claude에서 기본적으로 작동하지 않을 수 있어요
[28:51]
만약 화면이 비어있다면
[28:53]
코드를 복사해서
[28:56]
새 HTML 파일에서 열어야
[28:59]
작동하는 버전을 볼 수 있습니다. 정말
[29:02]
멋지죠? 이제 보시면
[29:04]
성벽을 쌓고 있고
[29:06]
확대해보면 각 요소에
[29:08]
라벨이 붙어있는 것도 볼 수 있어요
[29:11]
여기엔 '벽돌', 저기엔 '돌'이라고 표시되어 있죠
[29:13]
정말 멋지죠? 그리고 마우스로
[29:16]
드래그해서 다른 각도에서
[29:19]
볼 수도 있습니다. 정말 대단하죠
[29:22]
이제 성 건설이 완료되었고
[29:25]
상태가 '완료'라고 표시되어 있네요
[29:27]
좀 더 자세히 보면 벽을 따라
[29:30]
창문도 만들어져 있어요. 정말 멋지죠
[29:33]
여기에는 멋진 문도 만들어졌네요
[29:36]
아마도 입구인 것 같고, 여기에는
[29:38]
멋진 나무 지붕도 있어요. 아주 좋네요
[29:41]
자, 우리의 성이 완성되었습니다. 정말 멋지죠?
[29:44]
단 하나의 프롬프트로
[29:46]
마인크래프트를 복제할 뿐만 아니라
[29:49]
AI가 자율적으로
[29:52]
이 환경에서 성을 지을 수 있다니요. 저는
[29:55]
OpenAI GPT-4와 Grok-3로도 이 프롬프트를 시도해봤는데
[29:58]
한 번에 이렇게 만들지는 못했어요
[30:00]
정말 인상적이네요
[30:04]
좋습니다. 새로운 채팅을 시작해볼게요
[30:06]
AI 모델을 테스트할 때 주로 만들어보는
[30:08]
게임이 스네이크 게임인데
[30:11]
그건 너무 쉽죠. 최상위 모델들은
[30:13]
이미 자율적으로 움직이는
[30:15]
두 마리의 뱀이 경쟁하는 게임을
[30:17]
만들 수 있어요. GPT-4와
[30:19]
Grok-3에서도 잘 작동하고, 참고로
[30:22]
두 모델 모두 정말 뛰어나요. 이 영상이
[30:24]
마음에 드셨다면 제가 리뷰한
[30:26]
Grok-3 전체 리뷰도 여기서 확인해보세요
[30:29]
GPT-4 미니 리뷰도 있습니다. 자, 다시
[30:32]
돌아와서 좀 더 어렵게 만들어볼게요
[30:34]
스네이크 게임을 만들건데
[30:36]
두 마리가 아닌 열 마리의 뱀이
[30:38]
자율적으로 먹이를 먹고 경쟁하도록 할게요
[30:41]
시각적으로도 매력적하게 만들어보죠
[30:44]
이건 제가 자주 쓰는 키워드인데요
[30:46]
더 미적으로 보이게 하기 위해서죠
[30:48]
그리고
[30:49]
p5.js를 사용하겠습니다. 엔터를 눌러서
[30:52]
어떻게 되는지 봅시다. 자, 여기
[30:55]
보시면 바로 시작되는데
[30:57]
즉시
[30:58]
열 마리의 뱀이 있고 각 뱀의
[31:01]
점수도 표시되며, 어떤 뱀이 죽었고
[31:04]
어떤 뱀이 아직
[31:06]
살아있는지
[31:07]
보여줍니다. 지금은 마지막
[31:10]
한 마리만 남았고, 이 뱀이
[31:12]
자신의 몸에 부딪히면 게임이 끝납니다
[31:15]
1번 뱀이 19점으로 승리했네요. 여기에는
[31:18]
시작/정지 버튼이 없는데
[31:20]
보통은 프롬프트에
[31:23]
'시작/정지 버튼을 포함해주세요'라고
[31:25]
추가하는 걸 좋아하는데, 그래야
[31:27]
바로 시작되지 않거든요. 하지만
[31:29]
어쨌든 다시 새로고침 해볼게요
[31:32]
보시다시피 10마리의 뱀으로 시작하고
[31:35]
이들이 먹이를 두고 자율적으로 경쟁하고 있습니다
[31:37]
그리고 이 시각적 효과를 보면
[31:39]
기존 모델들의 전통적인 스네이크 게임보다
[31:42]
훨씬 더 뛰어날 뿐만 아니라
[31:44]
아주 멋진 점수판도 있어서
[31:47]
죽은 뱀들을 포함한
[31:49]
모든 것을 추적하고 있으며
[31:51]
게임오버 화면도 아주 멋지게 구현되어 있습니다
[31:54]
다음으로는 이걸 해볼게요
[31:58]
Phaser.js를 사용해서 횡스크롤 플랫폼 게임을 만들어보겠습니다
[32:00]
이것도 인터랙티브 비디오 게임을 만드는 데
[32:04]
정말 유용한 자바스크립트 라이브러리죠
[32:06]
방향키만 사용해서 게임을 플레이하도록 하겠습니다
[32:08]
생성 버튼을 눌러서 결과를 확인해볼게요
[32:11]
자, 이렇게 나왔네요
[32:13]
여기 몇 가지 에러 메시지가 보이고
[32:16]
화면이 비어있는데
[32:19]
이건 아마도 Phaser가
[32:22]
이 클라우드 채팅 인터페이스와 호환되지 않아서 그런 것 같습니다
[32:24]
그래서 이 코드를 복사해서
[32:26]
다시 테스트용 HTML 파일에 붙여넣고
[32:29]
파일을 열어보도록 하겠습니다
[32:33]
자, 이제 보이네요. 방향키로 좌우로 움직이면
[32:36]
캐릭터가 좌우로 움직이고
[32:38]
위쪽 방향키를 누르면 점프를 합니다
[32:40]
이제 이 코인들을 모두 먹어보고
[32:43]
그 다음 레벨로 진행되는지 확인해보겠습니다
[32:47]
다음 레벨로 넘어가는지 궁금하네요
[32:49]
저기 위에 있는 코인까지 점프해서
[32:52]
어머나, 저기까지 어떻게 점프하지?
[32:54]
다시 한번 시도해볼게요
[32:57]
됐네요!
[32:58]
아주 좋습니다
[33:00]
모든 코인을 먹으면
[33:02]
다음 레벨로 진행되고, 이 검은 점은
[33:05]
적인 것 같네요. 일단
[33:07]
닿지 않도록 하면서
[33:09]
코인들을 모두 먹어보고 어떻게 되는지 보겠습니다
[33:13]
아주 멋지네요! 모든 코인을 먹으면
[33:15]
다음 레벨로 진행되고
[33:18]
적이 하나 더 추가되며
[33:21]
적에게 닿으면 게임오버가 됩니다
[33:24]
정말 대단하지 않나요? 완전히 작동하는 게임을 만들었을 뿐만 아니라
[33:27]
적까지 포함시켰고
[33:30]
난이도가 증가하는 여러 레벨도 구현했습니다
[33:33]
이제 프롬프트를 더 발전시켜서
[33:36]
게임을 계속 다듬어간다면
[33:38]
클로드만 사용해서도
[33:41]
실제로 출시 가능한 게임을
[33:43]
쉽게 만들 수 있을 것 같습니다. 다음으로는
[33:46]
추론과 사고 능력을
[33:48]
테스트해보고 싶은데요
[33:51]
딥씽킹 모드에서 특히
[33:53]
저는 의학적 진단을 받아보는 것을
[33:56]
좋아하는데, 비슷한 프롬프트로
[33:58]
55세 남성이 고혈압과
[34:01]
고지혈증 병력이 있는 상태에서
[34:03]
흉통과 호흡곤란으로 입원했습니다
[34:06]
약물 복용을 잘 하고 있음에도
[34:08]
지난 한 달 동안
[34:10]
증상이 점점 악화되었고
[34:12]
검사 결과 혈압이 상승했으며
[34:15]
비정상적인 지질 프로필을 보입니다
[34:18]
어떤 문제일까요? 여기서
[34:20]
확장 기능을 선택하고
[34:23]
스타일도 선택할 수 있는데
[34:25]
설명형으로 선택해보겠습니다
[34:29]
이렇게 하면 학습을 위한
[34:31]
더 교육적인 응답을 받을 수 있죠
[34:34]
생성 버튼을 눌러서 결과를 확인해보겠습니다
[34:36]
확장 사고 기능을 켜면
[34:38]
사고 과정을 볼 수 있습니다
[34:41]
사고 과정을 볼 수 있고
[34:43]
이를 확장해서 어떻게 분석했는지 살펴볼 수 있습니다
[34:45]
여기서 볼 수 있듯이 주요 정보를
[34:48]
체계적으로 정리했는데요, 여기 환자 정보가 있고
[34:50]
증상이 있고, 여기에는
[34:52]
신체 검사 결과가 나와 있습니다
[34:55]
고려해야 할 잠재적 진단으로는
[34:57]
위험 요인을 고려했을 때 관상동맥질환이 가장 유력하고
[35:00]
그 외에도 심부전이 있을 수 있으며
[35:04]
조절되지 않는 고혈압과 관련된
[35:07]
대동맥 박리가 있을 수 있고
[35:09]
폐색전증과 다른 여러
[35:12]
원인들도 있을 수 있다고 합니다
[35:15]
그리고 환자의 나이와
[35:17]
위험 요인, 증상 패턴을 고려했을 때
[35:19]
관상동맥질환이 가장 가능성이 높은 진단이며
[35:21]
그 다음으로 가능성이 높은 진단은
[35:25]
심부전이라고 합니다
[35:27]
이는 고혈압의 합병증으로
[35:29]
발생했을 수 있으며, 실행 가능한 항목도
[35:31]
제시해 주고 있습니다. 이것이 AI의 사고 과정이고
[35:34]
여기에 최종 답변이 나와 있는데
[35:36]
주요 우려사항이 여기 있고
[35:39]
환자가 겪을 수 있는 다른 증상도 있어서
[35:41]
긴급한 평가가 필요하다고 합니다
[35:45]
다른 중요한 고려사항으로는
[35:47]
이러한 것들이 있으며
[35:49]
권장되는 다음 단계도 제시합니다
[35:51]
적절한 평가를 위해
[35:54]
이 모든 것들을 포함해야 합니다
[35:57]
이처럼 의료와 헬스케어 분야에서
[35:59]
매우 유용하게 활용될 수 있습니다
[36:02]
제 주치의보다 더 자세하고 철저하게 분석하네요
[36:04]
이것이 Claude의 응답인데, 저는 같은 프롬프트로
[36:07]
DeepSeek과도 비교해보고 싶었습니다
[36:10]
DeepSeek은 제가 개인적으로 선호하는
[36:12]
대화와 사고 모델 중 하나거든요
[36:14]
DeepSeek의 답변을 보면
[36:17]
여기 모든 상태가 나와 있는데
[36:19]
어떤 일이 일어나고 있는지 살펴보면
[36:20]
먼저 환자의 병력을 고려해야 하는데
[36:23]
증상이 악화되고 있다는 점에서
[36:25]
진행성 질환임을 시사합니다
[36:28]
이 모든 것을 종합해보면
[36:29]
진행성 흉통과 호흡곤란은
[36:31]
악화되는 관상동맥질환으로 인한
[36:33]
것일 수 있습니다. 다른 가능성으로는
[36:35]
등등이 있고, 또한
[36:38]
약물 복용 순응도를
[36:40]
확인하는 것도 중요하지만
[36:42]
환자는 약을 잘 복용하고 있다고 합니다
[36:45]
다른 관점에서 보면 흉통이
[36:47]
대동맥 협착증 같은 다른 원인일 수도 있고
[36:50]
또는 환자가 다른 증상을
[36:52]
겪고 있을 수도 있습니다. 비심장성
[36:55]
문제도 고려해야 하는데, 폐 문제나
[36:59]
위장관 문제 같은 것들이죠. 대략적으로 보면
[37:01]
DeepSeek이 Claude보다
[37:04]
좀 더 철저한 분석을 하는 것 같습니다
[37:07]
DeepSeek은 비심장성 문제까지 고려하는데
[37:11]
Claude는 그렇지 않거든요
[37:13]
흥미롭게도 DeepSeek의 답변은
[37:16]
Claude의 답변과 좀 다른데
[37:18]
DeepSeek은 불안정성 협심증이나
[37:20]
급성 관상동맥 증후군을 제시했고
[37:23]
Claude는 관상동맥질환을
[37:26]
제시했습니다. 의사나 심장 전문가분들이
[37:29]
이 영상을 보고 계시다면
[37:32]
댓글로 알려주세요
[37:33]
어떤 답변이 더 좋고
[37:35]
어떤 분석이 더 정확한지요
[37:38]
그리고 여기 아래에서 DeepSeek은
[37:40]
다음 단계도 추천하고 있습니다. DeepSeek의
[37:42]
또 다른 좋은 점은 관리 방법까지
[37:45]
단계별로 제시한다는 것입니다
[37:47]
클로드는 그런 걸 잘 안해주죠.
[37:50]
자, 이제 어려운 물리 문제를 풀어볼까요?
[37:52]
대학 수준의 물리 문제를 한번 시도해보겠습니다.
[37:55]
얼마만큼의 열이 필요한지 풀어볼건데,
[37:58]
오타가 있는 것 같네요.
[37:59]
질소 56g을 등온 압축할 때
[38:04]
압력 100kPa에서
[38:06]
500kPa로 압축하는데 필요한 열량을
[38:10]
온도 300K에서 구하는 문제입니다.
[38:12]
온도는
[38:13]
300K이고, 전체 문제를 복사해서
[38:16]
붙여넣을 건데, 참고로
[38:19]
꽤 복잡한 문제라 일부러 선택했습니다.
[38:21]
자, 문제를 붙여넣고
[38:24]
오타를 수정한 다음
[38:27]
여기서도 확장 모드를 선택할게요.
[38:30]
추론과 문제 해결에는 이게 더 좋거든요.
[38:32]
이제 생성 버튼을 눌러서
[38:35]
결과를 확인해보겠습니다.
[38:37]
자, 모든 계산을 마쳤고
[38:39]
보시다시피 답은 8K가 나왔네요.
[38:42]
여기 보이는 것처럼 8K가 정답입니다.
[38:46]
사고 과정 창을 확장해보면
[38:49]
문제 해결 과정을 볼 수 있어요.
[38:51]
압력 관계식으로 표현하고
[38:54]
이렇게 정리한 다음
[38:56]
질소의 몰수를 계산했습니다.
[39:00]
이제 방출된 열을 계산할 수 있고
[39:02]
계산을 계속 진행하면서
[39:05]
부호 규약도 재확인했네요.
[39:07]
정확한 답을 도출했습니다.
[39:10]
이렇게 대학 수준의
[39:12]
어려운 물리 문제도 해결할 수 있죠.
[39:15]
지금까지 Claude 3.7로
[39:18]
할 수 있는 인상적인 기능들을 봤는데
[39:20]
완벽하지는 않다는 점을 주의하세요.
[39:23]
몇 가지 심각한 제한사항이 있습니다.
[39:25]
첫 번째로 이미지를 생성할 수 없어요.
[39:28]
채팅 인터페이스에서 직접
[39:31]
이미지를 생성하고 싶다면
[39:32]
Grok 3가 최선의 선택이 될 거예요.
[39:35]
매우 사실적이고
[39:37]
흥미로운 이미지들을 만들 수 있는데
[39:39]
실제 인물과 똑같이 생긴
[39:41]
이미지도 만들 수 있죠.
[39:44]
게다가 음성 모드도 없어요. OpenAI는 이미
[39:46]
고급 음성 기능이 있어서
[39:49]
AI와 음성으로 대화할 수 있고
[39:52]
Gemini와 Grok에도 이 기능이 있죠.
[39:54]
게다가 Claude의 가장 큰 문제는
[39:57]
제가 가장 맘에 안 드는 점인데
[39:59]
가장 검열이 심한 모델이라는 거예요.
[40:01]
마약, 무기, 폭력,
[40:03]
전쟁에 대해 물어보면 아무것도 답변하지 않아요.
[40:06]
약간의 피가 튀는 정도의
[40:08]
폭력적인 요소가 있는 게임을 만들려고 해도
[40:11]
전혀 응답하지 않을 겁니다.
[40:13]
따라서 검열되지 않은 정보를 원한다면
[40:15]
Claude는 최선의 선택이 아니에요.
[40:17]
게다가 또 다른 큰 문제점은
[40:19]
Claude는 웹 검색을 할 수 없다는 거예요.
[40:22]
최신 정보에 대한
[40:25]
리서치가 필요하다면
[40:26]
이건 정말 큰 단점이 될 수 있죠.
[40:28]
예를 들어 '올해 출시된
[40:31]
DeepSeek R1에 대해 알려줘'라고 하면
[40:34]
이렇게 답변해요. '제가 가진 정보는
[40:36]
2024년 10월까지만 있어서
[40:39]
DeepSeek R1에 대해 신뢰할 만한
[40:42]
정보가 없습니다.
[40:43]
DeepSeek R1은 2025년 초에 출시됐는데
[40:46]
그 이후에 출시된 AI 모델이나 제품에 대해서는
[40:49]
자세한 정보를 확인할 수 없습니다.
[40:52]
만약 관심이 있으시다면'
[40:53]
Deep SR1에 대해 알고 싶으시다면
[40:55]
DeepSeek 공식 웹사이트를 확인해보시기를 추천드립니다.
[40:58]
보시다시피 이 모델은 최신 정보를
[40:59]
처리하는 데 적합하지 않고
[41:01]
웹 검색도 전혀 할 수 없습니다. 또한 강조하고 싶은 점은
[41:04]
소셜 미디어 게시물 작성이나
[41:07]
일상적인 대화, 또는 간단한 문제 해결과 같은
[41:09]
단순하거나 낮은 수준의 작업의 경우
[41:12]
솔직히 말해서 최상위 모델들 간에
[41:14]
큰 차이가 없다는 것입니다
[41:16]
ChatGPT, Google의 Gemini Pro,
[41:18]
DeepSeek, 그리고 Claude를 포함한
[41:21]
모든 모델들이 이러한 작업을 잘 수행할 수 있습니다
[41:25]
이제 Claude 3.7의 스펙과 성능에 대해 살펴보겠습니다
[41:28]
다른 모델들과 비교했을 때 얼마나 좋은지 알아보죠
[41:31]
우선, 새로운 Claude 3.7은
[41:34]
하이브리드 추론 모델을 특징으로 하며
[41:38]
이는 복잡한 문제 해결 능력을 향상시켜
[41:40]
특히 수학과 코딩에서 유용합니다
[41:43]
이 영상에서 보여드린 모든 예시에서
[41:45]
볼 수 있듯이
[41:47]
코딩 능력이 정말 뛰어납니다
[41:49]
Claude는 일반적인 사고 모드를 가지고 있는데
[41:51]
이는 기본적으로 깊이 생각하지 않고
[41:54]
더 빠르게 답변하는 모드입니다
[41:56]
하지만 확장된 사고 기능도 있어서
[41:59]
답변하기 전에 자체적으로 검토하고
[42:01]
수학, 물리학, 지시사항 이해
[42:03]
코딩 등 다양한 작업에서
[42:05]
성능이 향상됩니다
[42:07]
더 깊은 분석과 단계별 추론이 가능하며
[42:10]
사고 과정도 볼 수 있습니다
[42:13]
주목할 점은 이 확장된 사고 기능이
[42:15]
무료 플랜에서는 사용할 수 없다는 것입니다
[42:18]
이 기능을 사용하려면
[42:21]
유료 플랜 중 하나를 구독해야 합니다
[42:24]
마지막으로 벤치마크를 살펴보고
[42:26]
다른 모델들과 비교해서 실제로
[42:28]
얼마나 잘 수행하는지 알아보겠습니다
[42:30]
먼저 자체 보고된 벤치마크부터
[42:32]
시작해서
[42:34]
독립적인 평가자들의
[42:36]
비교도 살펴보겠습니다
[42:38]
소프트웨어 엔지니어링 측면에서 보면
[42:40]
이 모델은 다른 모든 것을 압도합니다
[42:42]
OpenAI의 최고 버전인
[42:45]
GPT-3.5도
[42:48]
49.3%밖에 얻지 못했고, DeepSeek은 49.2%
[42:50]
이처럼 모두 50% 미만인 반면
[42:55]
Claude 3.7 Sonnet은
[42:59]
최소 62.3%를 기록했습니다
[43:03]
이는 다른 최신 모델들과 비교해서
[43:07]
엄청난 차이입니다
[43:09]
정말 인상적이며, 3.7은
[43:12]
현재 코딩에 가장 적합한 옵션입니다
[43:15]
에이전트 도구 사용 측면에서 보면
[43:17]
이는 에이전트로서 행동하고
[43:19]
다양한 컴퓨터 인터페이스를 사용하는
[43:22]
능력을 테스트한 것인데, 여기서도
[43:24]
Claude 3.7이 OpenAI보다 더 뛰어납니다
[43:27]
다만 여기서 주의할 점은
[43:29]
에이전트 사용에 강점이 있는 Qwen과는
[43:31]
비교하지 않았다는 것입니다
[43:34]
즉, Claude 3.7이 이길 수 있는
[43:36]
모델들만 선택했을 수 있다는 점을 유의하세요
[43:39]
에이전트 사용에 대해 말하자면
[43:42]
완전히 새로운 벤치마크가 있습니다
[43:45]
AI가 포켓몬 게임을 얼마나 잘 하는지 테스트한 것인데
[43:48]
보여준 차트에 따르면
[43:50]
Claude 3.5는 비리디언 숲까지만 도달했지만
[43:53]
Claude 3.7 Sonnet은 모든 레벨을 통과하여
[43:56]
서지의 배지까지 획득했습니다
[43:59]
이는 얼마나 성능이 향상되었는지를
[44:01]
잘 보여주는 예시입니다
[44:04]
에이전트로서의 능력이 얼마나 뛰어난지를
[44:07]
잘 보여줍니다. 기본적으로 게임 화면을
[44:09]
분석하고 다음 행동을 결정하는 것이죠
[44:11]
하지만 여기서 주목할 점은 그들이
[44:14]
Claude의 이전 버전들과만 3.7을 비교했다는 것입니다
[44:17]
다른 경쟁 모델들은 포함시키지 않았기 때문에
[44:20]
실제로 3.7이 포켓몬 게임에서
[44:22]
OpenAI나 DeepSeek보다 더 나은지
[44:25]
판단하기가 어렵습니다
[44:27]
다음은 Claude 3.7의 성능을
[44:29]
보여주는 또 다른 유용한 표입니다
[44:31]
이를 통해 Claude 3.7이 잘하는 분야를 알 수 있죠
[44:34]
대학원 수준의 질문에서는
[44:37]
확장 사고 기능을 켜지 않으면
[44:39]
실제로 성능이 좋지 않습니다. OpenAI의 GPT-4, DeepSeek-1,
[44:41]
Grok-3보다도 성능이 떨어지죠
[44:44]
확장 사고 기능을 켰을 때만
[44:47]
더 높은 성능을 보이며
[44:49]
Grok-3와 비슷한 수준에 도달합니다
[44:51]
코딩 부분은 앞서 살펴봤듯이
[44:54]
Claude 3.7이 압도적으로 최고의 모델입니다
[44:58]
비교가 안 될 정도로 뛰어나죠
[45:00]
에이전트 도구 사용도 이미 살펴봤고
[45:03]
다국어 Q&A는 여전히
[45:06]
몇 달 전에 출시된 OpenAI GPT-4보다 낮은 성능을 보입니다
[45:09]
시각적 추론, 즉 이미지를 업로드해서
[45:12]
분석하는 부분에서도
[45:14]
좋긴 하지만 최고는 아닙니다
[45:18]
여전히 OpenAI GPT-4와 Grok-3보다 뒤처지죠
[45:21]
지시사항 이행 측면에서는
[45:24]
최고의 성능을 보입니다. 수학 문제 해결에서는
[45:27]
심층 사고 모드를 켜도
[45:29]
여전히 OpenAI GPT-4, GPT-4 Mini,
[45:31]
DeepSeek보다 약간 뒤처집니다
[45:35]
경쟁적 수학에서도 최고의 모델은 아닙니다
[45:37]
이제 독립적인 순위표를 살펴보겠습니다
[45:39]
여기 Abacus AI의
[45:42]
LiveBench 순위표가 있는데
[45:45]
흥미롭게도 Claude 3.7 Thinking이
[45:48]
전체 평균 76점으로
[45:50]
GPT-4 Mini High보다 약간 높은 1위를 차지했습니다
[45:54]
여기서 흥미로운 점은
[45:57]
코딩 평균이 실제로
[46:00]
GPT-4 Mini High보다 훨씬 낮지만
[46:03]
수학과 데이터 분석, 언어 부분에서는
[46:06]
GPT-4 Mini를 앞섰다는 것입니다
[46:09]
다른 순위표인 LM Arena를 보면
[46:11]
사용자들이 AI 모델들을 블라인드 테스트할 수 있는데
[46:14]
아직 Claude 3.7은 목록에 없습니다
[46:17]
3.5의 최신 버전만 있고, 그것도
[46:20]
19위에 머물러 있습니다
[46:22]
이 영상을 녹화하는 시점에서는
[46:24]
Claude 3.7이 LM Arena에서
[46:27]
얼마나 좋은 성능을 보이는지 알 수 없습니다
[46:29]
또 다른 독립 평가기관인 Artificial Analysis에서는
[46:32]
흥미롭게도 Claude 3.7 Sonnet이
[46:35]
8위에 머물러 있으며, Gemini와
[46:38]
DeepSeek, GPT-4, GPT-4 Mini보다도 뒤처져 있습니다
[46:41]
이는 비사고 모델일 수 있지만
[46:44]
그래도 좋은 결과는 아닙니다
[46:47]
더 좋은 모델들과 비교했을 때
[46:49]
토큰당 비용이 얼마나 더 비싼지 보세요
[46:52]
결과가 혼재되어 있어서
[46:54]
여러 순위표를 살펴보는 것이 중요합니다
[46:57]
모델의 실제 성능을
[46:58]
객관적으로 파악하기 위해서죠
[47:01]
마지막으로 'Humanity's Last Exam'이라는
[47:03]
벤치마크가 있는데, 이는 매우
[47:05]
오해의 소지가 있는 이름입니다
[47:08]
이것이 AGI를 의미하는 것도 아니고
[47:10]
AI가 이 테스트를 통과하면
[47:13]
인류를 파괴하고 세계를 지배한다는 뜻도 아닙니다
[47:15]
이는 기본적으로 매우 전문적인
[47:18]
분야의 어려운 질문들을 모은 것으로
[47:20]
대부분의 사람들이 잘 모르는
[47:23]
주제들입니다
[47:25]
여기 샘플 문제들이 있고
[47:27]
결과를 보면 Claude 3.7 Sonnet은 8.9점을 받았는데
[47:32]
DeepSeek R1과 GPT-4보다는
[47:35]
약간 높지만 일반 버전의
[47:38]
GPT-4 Mini보다도 낮은 점수입니다
[47:41]
이것으로 성능과 사양에 대한 설명을 마치고
[47:43]
궁극적인 질문으로 넘어가보겠습니다
[47:45]
Claude를 써야 할까요? 최고의 모델일까요?
[47:48]
아마도 48시간 정도만 그럴 겁니다
[47:51]
그 후에는 GPT-4.5가 출시되어
[47:54]
완전히 압도할 것이고, 아마도
[47:56]
다음 주에는 DeepSeek R2가 나와서
[47:59]
다른 모든 것들을 압도할 겁니다
[48:00]
끝이 없죠. 이런 속도라면
[48:04]
제가 휴가 갈 시간도 없을 것 같네요
[48:06]
여러분이 이 영상을 즐기셨길 바랍니다
[48:08]
댓글로 여러분의 생각을 알려주세요
[48:09]
Claude 3.7을 사용해보셨다면
[48:11]
지금까지의 경험을 공유해주세요
[48:14]
어떤 멋지고 인상적인 것들을
[48:16]
만들 수 있었는지 알려주세요
[48:19]
항상 그렇듯이 저는 최신 AI 뉴스와
[48:21]
도구들을 여러분과 공유하기 위해 살펴볼 것입니다
[48:24]
이 영상이 마음에 드셨다면
[48:26]
좋아요, 공유하기,
[48:27]
구독 버튼 눌러주시고 다음 영상을 기대해주세요
[48:29]
또한 매주 AI 분야에서
[48:32]
너무나 많은 일들이 일어나고 있어서
[48:34]
유튜브 채널에서 모든 것을 다룰 수는 없습니다
[48:36]
그래서 AI 분야의 최신 소식을
[48:39]
계속 접하고 싶으시다면
[48:41]
제 무료 주간 뉴스레터를
[48:44]
구독해주세요. 링크는
[48:45]
아래 설명란에 있습니다
[48:47]
시청해주셔서 감사합니다. 다음 영상에서
[48:49]
만나뵙겠습니다