[00:00]
Claude Code는 강력하지만
[00:02]
Claude 모델만 사용할 수 있다는 제한이 있어요
[00:06]
하지만 DeepSeek R1, Gemini 2.5 Pro
[00:10]
큰 컨텍스트나 더 빠른 추론을 위한 Groq을 사용하고 싶다면 어떨까요?
[00:14]
해결책이 있습니다
[00:16]
바로 OpenCode라는 CLI 도구입니다
[00:20]
Claude Code CLI와 동일하게 작동하지만
[00:23]
어떤 모델이든 사용할 수 있어요
[00:26]
파일 생성도 가능하고
[00:29]
파일 편집도 가능하며, 터미널에서 직접 코드를 자동으로 검토할 수 있습니다
[00:33]
그리고 지금 화제가 되고 있어요
[00:35]
여러 AI 제공업체
[00:37]
세션 관리, 도구 통합
[00:40]
vim 같은 편집기, 지속적 저장소
[00:43]
LSP 통합, 파일 변경 추적
[00:45]
외부 편집기 지원 등등이 있어요
[00:48]
단 한 줄의 명령으로 설치할 수 있습니다
[00:50]
시작하는 것은 매우 간단해요
[00:52]
단계별로 안내해드릴게요
[00:54]
어떻게 본인의 컴퓨터에서
[00:56]
다양한 모델을 사용할 수 있는지
[00:59]
Gemini, Groq 및 기타 모든 기능
[01:02]
단축키들과 처음부터 애플리케이션 생성까지
[01:05]
바로 오늘 보여드릴 내용입니다
[01:07]
시작해보죠
[01:09]
[01:12]
OpenCode, 터미널을 위한 강력한 AI 코딩 에이전트입니다
[01:16]
먼저 설치를 할 거예요
[01:18]
macOS를 사용하고 있으니
[01:20]
이걸 복사해서 터미널을 열겠습니다
[01:22]
여기서 명령어를 붙여넣고 엔터를 누르면
[01:25]
설치가 시작되는 걸 볼 수 있어요
[01:27]
이제 모든 준비가 끝났네요
[01:28]
이제 그냥 opencode라고 입력하면 시작할 수 있어요
[01:31]
하지만 그 전에
[01:34]
Gemini 모델을 사용할 계획이에요
[01:37]
그래서 Gemini API 키를 내보내겠습니다
[01:40]
ai.google.com에서 API 키를 생성하세요
[01:43]
터미널에서 Gemini API 키를
[01:45]
이런 식으로 export하고 엔터를 누르세요
[01:48]
Groq도 시도해볼 거예요
[01:50]
Groq는 더 빠른 추론을 제공해요
[01:53]
그래서 애플리케이션을 빠르게 생성합니다
[01:56]
여기서 성능을 볼 수 있고
[01:58]
얼마나 빠르게 응답을 생성하는지
[02:00]
보실 수 있어요
[02:02]
여기서 API 키를 생성하겠습니다
[02:05]
이것은 단지 다양한 제공업체의 모델을
[02:07]
사용할 수 있다는 것을 보여주기 위함입니다
[02:10]
이런 식으로 Groq API 키를 내보내고
[02:11]
엔터를 누르세요
[02:14]
이것은 Grok 모델과는 다르다는 점을 주의하세요
[02:16]
엔터를 누르겠습니다
[02:18]
이제 그냥 opencode를 입력하고 엔터를 누르면
[02:21]
여기 OpenCode가 나타납니다
[02:23]
이제 뭐든지 요청할 수 있어요
[02:26]
먼저 인터페이스를 보여드릴게요
[02:30]
Ctrl+?를 누르면 이 팝업이 열립니다
[02:32]
여기서 모든 명령 목록을 볼 수 있어요
[02:34]
위로 이동하려면 Ctrl+U를 사용하고, 아래로 페이지하려면 D를 사용하세요
[02:38]
메시지를 보내려면 엔터를 누르세요
[02:41]
Ctrl+E로 편집기 열기, Escape로 취소
[02:44]
Ctrl+F로 업로드할 파일 선택
[02:47]
제가 자주 사용하는 핵심 기능 중 하나는
[02:50]
Ctrl+O인데, 이것은 모델 선택입니다
[02:52]
이제 Escape를 누르고 Ctrl+O를 누르겠습니다
[02:55]
여기서 모델을 볼 수 있어요
[02:57]
좌우 키를 눌러 모델을 선택할 수 있습니다
[03:00]
지금은 Gemini 2.5 Pro를 사용하고
[03:02]
엔터를 누르겠습니다
[03:04]
이제 오른쪽에서 Gemini 2.5 Pro를 볼 수 있어요
[03:06]
이제 애플리케이션을 만들어달라고 요청할 수 있습니다
[03:09]
모던한 외관의 금융 추적 애플리케이션을
[03:12]
HTML, CSS, JavaScript로 하나의 파일에 만들어달라고 해보죠
[03:16]
이것은 기본적인 예시입니다
[03:18]
애플리케이션이 생성되었습니다. 이제 이 파일을 생성하라는
[03:21]
요청을 승인하라고 자동으로 물어보고 있습니다.
[03:23]
A를 눌러서 승인하겠습니다.
[03:25]
파일이 생성되었습니다.
[03:28]
이제 더 많은 기능을 추가하고 있습니다.
[03:30]
몇 가지 추가 수정 사항이 있습니다.
[03:33]
이 모든 변경사항을 허용하겠습니다.
[03:35]
이건 마치 코드 에디터와 같습니다.
[03:37]
다른 점은 클릭해서 편집할 수 없다는 것뿐입니다.
[03:40]
하지만 특정 버그를 수정하거나
[03:42]
보안 문제를 검토하거나
[03:45]
처음부터 애플리케이션을 구축하려는 경우에는
[03:48]
괜찮습니다.
[03:50]
작업이 완료된 것을 볼 수 있습니다.
[03:52]
여기에 파일이 생성되었습니다.
[03:54]
열어보겠습니다.
[03:56]
여기 설명, 금액, 유형이 있는
[03:58]
가계부 애플리케이션입니다.
[04:01]
수입을 추가해보겠습니다. 급여라고 하고
[04:04]
거래를 추가하겠습니다.
[04:06]
수입과 총 잔액을 볼 수 있습니다.
[04:08]
그리고 여기에 지출도 보입니다. 이제 여행 지출을 추가하겠습니다.
[04:11]
1,000원으로 거래를 추가하겠습니다.
[04:13]
여기에 지출을 볼 수 있습니다.
[04:15]
모든 것이 잘 작동하고 있습니다.
[04:16]
정말 훌륭합니다. 더 많은 수정을 요청할 수도 있습니다.
[04:20]
이 모든 데이터를 SQLite 데이터베이스에 저장하는 것처럼 말입니다.
[04:24]
여기에서 컨텍스트와 비용도
[04:25]
모니터링할 수 있습니다.
[04:28]
이제 더 많은 파일을 생성하고 있습니다.
[04:30]
Node 서버를 생성하고 API 엔드포인트를 생성하고 있습니다.
[04:33]
데이터베이스를 추가한다는 것은 정보를 검색하고
[04:36]
모든 정보를 저장할 수 있다는 뜻입니다.
[04:38]
데이터베이스 없이는 애플리케이션을 새로고침할 때마다
[04:40]
모든 데이터가 사라지지만
[04:42]
데이터베이스가 있으면 모든 데이터가 저장됩니다.
[04:45]
바로 그런 일이 일어나고 있고
[04:48]
이제 완료되었습니다. 이 명령들을 실행할 수 있습니다.
[04:50]
새 터미널을 열겠습니다.
[04:52]
계속 실행하겠습니다. npm install을 하고
[04:54]
이 지시사항에 따라 npm start를 하겠습니다.
[04:57]
다시 여기로 돌아가서 npm start를 하겠습니다.
[04:59]
여기 업데이트가 있습니다.
[05:01]
거래를 추가하려고 하는데 작동하지 않는 것 같습니다.
[05:03]
검사해보면 오른쪽에
[05:06]
파일에서 가져오려고 하는 것을 볼 수 있습니다.
[05:09]
이것은 서버에서가 아니라 경로나 파일로
[05:12]
열고 있기 때문입니다.
[05:14]
전체 경로를 추가하라고 요청하겠습니다.
[05:17]
오류 메시지를 복사하겠습니다.
[05:19]
엔드포인트에 전체 경로 localhost를 추가하세요.
[05:22]
파일에서도 열 수 있습니다. 오류 메시지를 붙여넣고
[05:26]
엔터를 클릭합니다. 이제 그 변경사항을 만들고 있습니다.
[05:28]
다시 몇 가지 오류가 발생했습니다.
[05:30]
이것을 수정해보겠습니다.
[05:32]
문제를 해결하고 있습니다.
[05:34]
CORS 문제가 있습니다.
[05:36]
그 동안 포트를 30002로
[05:38]
변경해달라고 요청하겠습니다.
[05:41]
다른 애플리케이션과 충돌하지 않도록
[05:42]
그렇게 하겠습니다. 그 변경사항을 만들었습니다.
[05:45]
새 터미널에서 실행하고 싶습니다.
[05:48]
다시 npm install을 하고 npm start를 하겠습니다.
[05:50]
이제 포트번호 30002에서
[05:52]
실행되고 SQLite 데이터베이스에 연결된 것을 볼 수 있습니다.
[05:56]
이제 이것을 시도해보겠습니다.
[05:58]
새로고침합니다. 여기에 오류가 보이지 않습니다.
[06:00]
좋은 소식입니다.
[06:02]
추가해보겠습니다. 급여. 여러 개의 0을 추가하고
[06:05]
거래를 추가하겠습니다. 좋습니다.
[06:08]
잘 작동하고 있습니다.
[06:11]
페이지를 새로고침하면 여전히 데이터가 존재하는 것을 볼 수 있습니다.
[06:13]
차를 사서 지출로 표시하겠습니다.
[06:16]
거래를 추가하겠습니다.
[06:18]
모든 것이 잘 작동하고 있습니다.
[06:20]
훌륭합니다. 드디어 백엔드와
[06:22]
데이터베이스가 통합된 가계부 앱을 만들었습니다.
[06:24]
마지막으로 이것을 Grok이나
[06:26]
다른 제공업체와 어떻게 통합할 수 있는지 보여드리겠습니다.
[06:28]
이전과 같이 Ctrl+O를 눌러 이것을 열고
[06:31]
오른쪽과 왼쪽으로 이동합니다.
[06:34]
Quen을 사용하겠습니다.
[06:36]
Deepseek이나 다른 것도 시도해볼 수 있지만
[06:38]
지금은 Quen을 사용하겠습니다.
[06:40]
이제 빠른 추론을 위해 Grok을 사용하고 있습니다.
[06:42]
그냥 설명을 요청하고 파일을 선택해서 엔터를 클릭할 수 있습니다.
[06:46]
자동으로 파일을 읽고
[06:48]
응답을 생성하는 것을 볼 수 있습니다.
[06:50]
정말 좋습니다.
[06:51]
종료하려면 Ctrl+C와 S를 누르세요. 이것이 오픈 코드입니다.
[06:56]
시도해보시고 댓글로 어떻게 생각하시는지
[06:58]
알려주세요.
[06:59]
클로드 코드를 이미 좋아하시니까
[07:01]
클로드 코드를 위한 사용자 인터페이스인
[07:03]
Claudia라는 것도 만들었는데
[07:06]
이것도 오픈 소스이고 무료로 사용할 수 있습니다.
[07:09]
튜토리얼도 만들었는데
[07:11]
링크를 여기에 넣어두겠습니다.
[07:12]
그것에 대해 이해하기 위해
[07:14]
시청하시길 강력히 추천하며
[07:16]
다음에 뵙겠습니다.