YT YouTube2Text

YouTube2Text → Transcripts → Codex가 최고라는 소문 직접 검증합니다, 세팅부터 실전 앱 개발까지 전 과정 공개 (feat. OpenAI)

Codex가 최고라는 소문 직접 검증합니다, 세팅부터 실전 앱 개발까지 전 과정 공개 (feat. OpenAI) — Transcript

by 빌더 조쉬 Builder Josh · 8,787 words · 1,750 segments · language en · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

0:00회사 ERP 한번 만들어 볼게요.
0:01휴가 시스템 등록하는 거. 우리 회사
0:03ERP를 만들고 싶어. 아,
0:05나왔습니다. 여러분 대시보드 나오고
0:07휴가 나오고 그러면 신청을 하면은
0:09추가 신청이 등록이 됐고 그러면
0:11이렇게 승인 대기하는 형태로 되어
0:12있습니다. 네. 좋네요. 다음에 이제
0:14배포까지 해 볼게요. 배포랑
0:16데이터베이스 세팅 등 마무리해 줘.
0:19이렇게 해서요 URL로 버셀로 배포가
0:21잘 됐습니다. 짝짝짝짝짝짝 실시간으로
0:24미팅 회의록을 기록할 수 있는
0:26서비스를 만들어 보자. 골을 해서
0:29이제 한번 배포까지 해 보게끔 한번
0:31던져 볼게요. 모든 구현을 시작하고
0:34어셀에 배포까지 하면 나에게 보고해
0:36줘. 안녕하세요. 반갑습니다.
0:38전사화를 해 보겠습니다. 전성전사
0:40좋습니다. 네. 여러분들 완성이
0:42됐습니다.
0:44오늘 이제 코덱스로 바이브 코딩을
0:46함께 해보는 그런 시간을 함께
0:48해보고자 합니다. 오랜만에 저
0:50라이브를 하게 됐습니다. 네. 빌더
0:52조쉬입니다. 네. 여러분들 혹시
0:54코덱스 서버시 분 계세요? 그죠?
0:56요즘 코덱스가 대세라는 이야기를 저도
0:58많이 들었습니다. 모두가 요즘 코덱스
1:00코덱스 하는 그런 이야기들을 저도
1:02주변에서 많이 듣고 있어요. 아무래도
1:04그 토큰 면에서 정말 강점이 있는 거
1:07같고 또 최근에 꼴이라고 하는 기능
1:09아실지 모르겠어요. 꼴 그 코덱스
1:11CLI에서 꼴이라고 하는 기능을
1:14내놨는데 그게 또 타사가 또 참고해
1:16버리는 그런 사건도 일어나고 있고
1:18여러모로 요즘 코덱스가 어 대세인
1:21점을 좀 많이 증명해 주는 형태로
1:23진행이 되는 거 같습니다. 그래서
1:24코덱스는 오픈에 만든 이쪽의 코딩
1:28도구다라고 보시면 좋겠고요.이 코딩
1:30도구를 또 우리가 어떻게 쓰느냐에
1:33대해서 오늘 함께 이야기를 나눠
1:34보려고 합니다. 제가 파악했을 때는
1:36우선 굉장히 좋은 기능들이 정말
1:38많았는데 어 여러분들도 오늘 많은
1:40꿀팁 얻어 가시지 않을까라는 생각을
1:42해 봅니다. 한번 시작을 해 볼게요.
1:44오늘의 흐름은요. 일단은 기본
1:45세팅부터 한번 진행을 해 볼
1:47생각입니다. 코덱스 CLI를 어떻게
1:50설치해야 되는지 그리고 뭐로 모드
1:52어떻게 설정하는지 그리고 그게 왜
1:54필요한지 이런 것들 함께 이야기 나눠
1:56보고자 하고요. 그리고 모델을 함께
1:59변경해 보는 방법 그리고 플러그인 뭐
2:01코덱스 앱도 한번 보여 드리면 좋을
2:04것 같고 그냥 세팅 함께 해 보고
2:05그다음에는 이제 스킬과 자동화를 함께
2:08써 보려고 합니다. 제가 알기로
2:10코덱스가 진짜 좋은 강점 중에 하나가
2:12뭐냐면 이미지. 그러니까 최근에
2:14이미지 2.0이라고 하는 모델이 새로
2:16나왔잖아요. 이미지를 생성을 잘해
2:18주는 그런 모델 중에 하나인데 정말
2:20최근에 성능이 가장 압도적이다라고
2:23소문이 많이 나 있죠. 근데 그거를
2:24코덱스 내에서 굉장히 많이 상승을 할
2:26수가 있는 거예요. 기본 모델로
2:28지원이 돼 있어요. 그게 진짜 진짜
2:29좋은 거 같고 피그마를 저는
2:31개인적으로 디자이너이기 때문에 많이
2:33쓰는데 피그마를 플러그인 혹은 스킬로
2:35연동을 해서 피그마 디자인도
2:37코덱스에서 함께 해 볼 수 있지
2:38않을까 생각하고 한번 프레젠테이션
2:41같은 것도 한번 만들어 보고
2:42싶습니다. 그리고 이제 파트 2는
2:44바이브 코딩을 함께 만들어 보려고
2:45해요. 디자인.md,이전트.md
2:48이런 것들을 간단한 한네스 세팅이라고
2:50하죠. 그 하네스 세팅을 한번 해보고
2:52어 진행을 해 보면 어 좋을 것
2:54같고요. 그래서 이런 형태로 함께
2:56실습을 해 보고 싶습니다. 자,
2:58그래서 한번 기본 세팅을 함께 진행을
3:00해 보려고 하는데요. 일단 기본 세팅
3:02같은 경우에는 한 터미널 한 줄로
3:04설치가 가능하다라고 보시면 좋겠어요.
3:08그리고 그다음에 권한 설정도 함께
3:09들어가 볼게요. 우선은 설치는 한
3:11줄이면 끝난다고 알고 있습니다.
3:13그래서 코덱스 CLI라고 검색을 해서
3:16저희가 접속을 하면 되는데요. 함께
3:18한번 시작을 해 볼게요. 코덱스
3:20CLI라고 검색을 하면은 코덱스
3:22CLI라고 해서 접속을 합니다. 네.
3:25코덱스 CLI가 뭐냐라고 하면은
3:27터미널에서 돌아가고 있는 코딩
3:29도구라고 보시면 좋겠어요. 근데
3:31코덱스 앱이 있고 코덱스 CLI가
3:34따로 있어요. 코덱스 CLI는 어디서
3:37돌아가느냐? 터미널이라는 데서
3:39돌아갑니다. 그래서 터미널 어떻게
3:41우리가 터미널 열까요? 저는 일단
3:43매기 때문에 이렇게 열고 터미널이라고
3:46하는 거를 앱을 엽니다. 그러면 이게
3:48터미널이거든요. 이게 딱 검은하면
3:50아무것도 안 보이는 거. 요거 요거를
3:52터미널이라 그래요. 많은 분들 뭐
3:54개발자분들은 너무너무 익숙한
3:56화면이죠. 근데 여기서 코덱스를
3:58불러서 이렇게 쓸 수가 있는 것이죠.
4:00근데 이거를 어떻게 설치하느냐?
4:03코덱스 CL 여기 들어가게 되면은
4:06하나 설치하는 방법이 있고 혼부르라는
4:07설치 방법이 있는데 좀 복잡하기
4:09때문에 일단은 npm 한번 시작을 해
4:11보면 좋을 것 같고 개인적으로는 어
4:13mpm을 추천드리고 있기는 한데 이게
4:16사실 윈도우에서도 이런 방식 자체가
4:18제일 잘 통한다고 알고는 있어요.
4:20100% 엄청 좋은 환경으로서 제가
4:23알기로 MPM이라고 하는 방식 자체가
4:25업데이트가 이제 확확 엄청 잘되는
4:27그런 느낌은 아닌 것으로는 파악을
4:29하고 있는데 일단은 그래도 MPM은
4:32설치 자체가 굉장히 용이하기 때문에
4:33여기다 이거 복사하고 붙여 넣기만
4:35하게 되면은 설치가 될 겁니다.
4:38그러면은 이제 이게 설치가 됐다라고
4:40보시면 좋겠고 그럼이 다음에 해야 될
4:42일은 뭐냐? 코덱스라고 하는 거를
4:44이렇게 불러오는 거죠. 코덱스를 딱
4:46불러오게 되면은 짜잔 하고 이제
4:48코덱스가 나오게 됩니다. 이게
4:51코덱스라고 보면 좋겠죠. 이걸 가지고
4:54처음부터 요런 화면을 딱 봤을 때
4:56비개발자분들 같은 경우에는 정말
4:58막연해요. 여기서 뭘 어떻게
5:01대체하라는 거야?이 화면에서 뭘 해야
5:04되지? 그래 안녕이라고 쳐 볼까?
5:06안녕이라고 쳐 보면은 안녕하세요.
5:08무엇을 도와드릴까요? 이렇게
5:10나옵니다. 그래서 어이 부분에 대해서
5:12처음에는 되게 막연하실 것 같은데
5:14오늘 함께 차근차근 함께 보면서 어
5:17이야기 나눠 볼게요. 일단은 지금 저
5:19같은 경우에는 이렇게 설치를 먼저
5:21했고요. 그다음에 여기서 해야 될
5:24일은 무엇이냐라고 하면은 한번
5:26둘러보기가 있을 것 같아요.
5:27둘러보기는 어떻게 하느냐? 일단은
5:29슬래시 버튼 누르면은 여러 가지가
5:31나옵니다. 뭐 모델 같은 경우 변경할
5:33수도 있고 패스트 모드 설정하느냐
5:35아니면 퍼미션 모드 설정하느냐 이런
5:37여러 가지 것들이 있더라고요. 되게
5:39많아요. 생각보다 그냥 기본적으로
5:41지원하는 것들이 되게 많은데
5:43특이하게도 미리 한번
5:45설명드리겠습니다만이 꼬리라고 하는
5:47기능 있잖아요. 요거는 별도 설정이
5:49필요하더라고요. 그래서 이거는 기본
5:51디폴트 모드에 없었어요. 이거는
5:53개발자분들만 쓰게끔 되어 있다라고 돼
5:56있어 가지고이 꼴 설정하는 방법을
5:58이따가 설명을 드려 보긴 할 텐데이
6:00꼴 기능을 기본적으로 지원해 주지는
6:02않았었어요. 그래서 제가 별도로
6:03설정을 해서 들어갔다라고 보시면
6:05좋겠는데 이걸 켜는 방법은 따로 있다
6:06이전 말씀드리고 싶습니다. 그
6:08하나하나 이제 같이 보면서 탐색을
6:11하면 좋겠는데요. 이렇게 보면은 여러
6:12가지가 있는데 모델을 함께 선택을 해
6:14볼까요? 모델이라고 하면은 이런게
6:16있어요. 셀렉트 모델 이렇게 돼 있고
6:19뭐 이런 식으로 여러 가지 모델들
6:20선택할 수가 있는데 지금 저는 5.5
6:22쓰고 있습니다. 가장 중요하죠. 네.
6:24이렇게 쓰면 좋겠고 그다음에 셀렉트
6:27리즈닝 레벨이라고 해서 저는 보통은
6:30여기서 제가 추천드리는 설정은 하이인
6:33거 같아요. 그러니까 하이를 써도 어
6:36생각보다 뭐 굉장히 많은 토큰이
6:38소진된다라고는 사실 생각하진
6:40않았었어요. 그래서 하이 모델이 좀
6:42괜찮게 나오길래 하이를 썼다고 보시면
6:44좋겠고요. 근데 이다음에 설정하는
6:46방법 중에 하나가 뭐니까 코덱스 같은
6:48경우에는 패스트라고 하는이게 있어요.
6:50패스트. 그까 패스트라고 하는 건
6:52뭐냐면 토큰을
6:541.5배 더 쓸 써서 더 빠르게 만들
6:58거냐 말 거냐를 설정하는 거더라고요.
6:59그래서 패스트를 켜면은 패스트 모드
7:02셋 온, 패스트 모드 셋 오프 돼
7:04있었어요. 그래서 토큰 자체를 좀 더
7:08쓰면서 더 빨리 결과물을 받고
7:09싶다라고 하면 이렇게 패스트를 좀
7:11쓰는 거 형태가 좋았다라고 생각을 할
7:14수가 있겠습니다. 저 같은 경우엔
7:16그래서 GPT 5.5 하이 한 다음에
7:19패스트가 이렇게 들어가 있었어요.
7:21이런 설정을 먼저 했었고요. 그다음
7:23설정이 또 있었어요. 그다음 설정은
7:25로우 모드라는게 있어요. 로우 모드는
7:27뭐였냐면 매번 바이브 코딩 할 때마다
7:30AI가 저희에게 이거 정말 승인하실
7:32거예요. 정말 이거 계속 쓰실
7:34거예요. 막 물어 봅니다. 대부분
7:36보면은 항상 좀 더 계속 뭔가 승인을
7:38요구하는 그런 바이브 코딩 경험들을
7:40좀 해 보셨을 것 같아요. 네. 그런
7:42경험들을 했었을 때 이런 내용들이 좀
7:45질문들을 덜 하고 바로바로 한 번에
7:47만들어 주는 그런 모드가 있다라고
7:49보시면 어, 좋을 거 같아요. 그래서
7:51이것도 여기 보면은 어디로 들어가냐?
7:54퍼미션이라고 하는데 들어가서
7:56오토리뷰라고 하는게 있고 풀
7:58억세스라고 하는게 있습니다. 근데
8:01코덱스에서 제한해 주시는 건 오토
8:03리뷰인 거 같아요. 그래서 근데 풀
8:06억세스가 한마디로 스킵로
8:08모드이거든요. 그래서 이게 보니까
8:11저는 일단 풀 억섹스를 쓰긴 썼는데
8:13뭐 오토 리뷰도 나쁘지 않아 보이긴
8:15했었습니다. 근데 재밌는게 코덱스가
8:16써 보니까 리뷰를 요구할 때 효과음을
8:19좀 내더라고요. 뭐 또링 또링 이런
8:21느낌으로 해서 보통 그런 소리를 저는
8:24잘 경험해 본 적이 없었거든요. 근데
8:26코덱스를 쓰니까이 소리 같은 걸
8:28주더라고요. 저한테. 그래서이 소리
8:30같은 것들을 함께 해서 주는 거
8:31같습니다. 근데 일단 오늘은 풀세스로
8:34함께 해 볼 거 같고요. 예스
8:36컨티뉴니웨이라고 해서 일단 써
8:38보겠습니다. 이렇게 해서 초기 세팅을
8:40또 해보고 그다음 세팅은 플러그인
8:42같은 걸 함께 설치를 해 보는
8:44형태이면 좋겠어요. 근데 이거에 대한
8:47리스트들은 간단하게는 여기에 들어와서
8:50블러그인이라고 입력을 하면은 굉장히
8:52많이 나오긴 합니다. 근데 이것들이
8:55이렇게만 딱 봤을 때 직관적이지
8:56않죠. 그죠? 코덱스 오피셜이라고 해
8:58가지고 굉장히 리스트도 많고 뭔가
9:00이런게 있잖아요. 그래서 제가 좀 더
9:02직관적으로 설명을 드리기 위해서
9:04코덱스 앱을 준비해 봤습니다. 이게
9:06코덱스 앱이거든요.이 코덱스 앱은
9:09사실 되게 좋은게 이런 클러그인이라고
9:11한다던가 이런 것들을 탐색을 하면서
9:13설치를 좀 직관적으로 할 수가 있는게
9:15되게 좋은 거 같아요. 그래서 이런
9:17어 내용들을 직관적으로 탐색을 해
9:19보면서 아 GL 같은 이런 걸 할
9:21수가 있네. 그 GL을 연동하면은
9:24받은 편지함을 요약할 수가 있네. 뭐
9:26이런 것들도 가능하고 피그마도
9:28있을걸요. 피그마 한번 볼까요? 네.
9:30피그마가 있으면은 어 코덱스로
9:32피그마에서 디자인을 할 수가 있네라고
9:35생각해 볼 수가 있는 것이죠.
9:37그러니까 딱 연결이 돼 가지고 바로
9:40이렇게 피그마로 어 사용해 보실 수가
9:42있는 것이죠. 그래서 저 같은
9:43경우에는 디자이너였기 때문에이 시안
9:46제작이라든가 이런 것들을 좀 종종해
9:48왔었습니다. 피그마로 좀 디자인 같은
9:51거를 여러 가지 할 수 있는데 이따가
9:52디자인점m도 좀 다루긴 할 텐데 저는
9:54약간 100% 개발자는 아니기
9:56때문에이 피그마로 보통 이런 식으로
9:58그 렌딩 페이지나 이런 모바일 앱
10:00같은 거 있잖아요. 이런 것들을 쉽게
10:02디자인을 그 코덱스 통해서도 할 수가
10:04있었어요. 그래서 저런 플러그인
10:06연동을 하면은 이런 것이 충분히
10:08가능하다.이 점을 말씀드리고 싶어요.
10:11그래서 이런 형태도 가능하고
10:13피그마에서 문서 쓰시는 분들도
10:14있거든요. 그래서 피그마에서 문서
10:16쓰시는 것도 제가 봤을 때는 코덱스가
10:18되게 절략적인 그런 수단이 아닐까
10:20싶습니다. 약간 뭐 제 생각이겠지만은
10:23예, 이것도 지금 그 코덱스 통해서
10:25한번 만들어 본 건데요. 네.
10:26코덱스를 통해서 그 디자인을 한다든가
10:29문서를 만드는게 토큰 저량 면에서 전
10:31제가 봤을 때 우월해요. 그래서
10:33내가이 바이브 코딩 말고도이 여러
10:36가지 일상 업무 같은 걸 할 때
10:37있잖아요. 그럴 때 한번 이렇게
10:39피그마 플러그인 함께 써 봐서 진행을
10:41해 보면 어떨까 합니다. 뭐 이런
10:43문서 같은 것도 만들 수 있고요.
10:44보니까 되게 여러 가지를 할 수가
10:46있더라고요. 그래서 다시 코덱스
10:48앱으로 돌아가 볼게요. 그리고
10:49플러그인 여러 가지가 있는데
10:51여러분들이 어쨌든 슬랙 뭐 노션 이런
10:54것들 원래 그 이렇게 연동됐던 것들이
10:57다 되고 있어서 생각보다
10:59활용성이네요. 이런 범위들이 넓어지는
11:01거 같습니다. 이전에는 이게
11:03MCP라고 하는 이름으로 불려긴
11:04했었거든요. 근데 물론 그 MCP가
11:07제가 알기로 여기 다 들어가 있어요.
11:09근데 플러그인이라고 하는 개념에
11:11대해서 사람들이 되게
11:12어려워하시더라고요. 플러그인이라고
11:14하는 개념을 제가 아는 바에서만
11:16설명을 드리면 MCP랑 스킬이 같이
11:19들어가 있는 패키지예요. 그러니까 말
11:21그대로 MCP는 그냥 앱이랑 소통을
11:24해 주는 그런 형태의 도구인데
11:26스킬이라고 하는 거는 그 MCP를
11:29가지고 굉장히 잘 활용을 할 수 있는
11:31별도에 설정된 프롬프트 모음집 같은
11:34거거든요. 근데 플러그인은 보통 그게
11:37다 같이 들어가 있어요. 여기 보시면
11:39포함 항목이라고 되어 있죠. 컴퓨터
11:42유즈라고 하는 MCP 서버가 들어가
11:43있고 컴퓨터 유즈라고 하는 스킬들이
11:45같이 들어가 있습니다. 그래서 저는
11:47사실 스킬을 개별적으로 이렇게 세팅을
11:49하시는 경우도 있는데 저는 그
11:51플러그인 자체를 보통 다운로드를
11:53받아서 쓰시면 사실 세팅도 되게 편한
11:55거 같아요. 뭔가 MCP를 설정을
11:58하는데 MCP 명령어도 따로 쓰고
12:00그렇게 하는게 아니라 그냥이 플러그인
12:02하나만 설치를 해 놓으면은 MCP도
12:04쓸 수 있고 스킬도 자동으로
12:06다운로드가 되기 때문에 굉장히 유용한
12:08범위에서 사용할 수가 있습니다. 예를
12:09들면 피그마 같은게 있죠. 피그마
12:11같은 경우를 보면은 이게 포함 항목은
12:13피그마 앱, MCP 이런게 있는데
12:16여기서는 피그마에서 제공하고 있는
12:18여러 스킬들이 있어요. 사실 뭐가
12:20있느냐면 뭐 일단은 디자인을 하는
12:22스킬도 있는데 피그마를 전문적으로
12:24쓰시는 분들 같은 경우에는 디자인
12:26시스템을 만드는 그런 형태로 또 많이
12:28쓰십니다. 디자인 시스템이라는 건
12:30뭐냐? 디자이너들도 한네스 비슷하게
12:32세팅하거든요. 무슨 말이냐면 평소에
12:34쓰는 반복적인 버튼이라든가 어떤
12:36폰트라든가 이런 것들을 모아서 정리된
12:39문서로 만드는 형태가 있어요. 근데
12:41그것들을 별도로 따로 제작을 해 주는
12:44그런 스킬도 플러그인에 되게 많이
12:45포함이 되어 있고 그리고 피그마
12:48내에서 상세하게 쓸 수 있는 별도의
12:50여러 가지가 있습니다. 피그마에는 뭐
12:52베리어블이라고 하는 개념 그런 것들도
12:53좀 있는데 그것들은 디자이너가 아닌
12:55이상 좀 아실 필요는 없지만 뭐 그런
12:58그 굉장히 상세한 요소들을 굉장히 잘
13:00다듬어 주는 그런 형태로 또 생각해
13:02보실 수가 있는 것이죠. 그리고 여기
13:04그 코덱스 앱 같은 경우에는 이런
13:06오토메이션 같은 것들도 가능하죠.
13:08그래서 오토메이션이 뭐냐라고 하면은
13:10자동화 뭐 매일 아침 9시마다 뭐
13:13뉴스 브리핑 같은 것들을 만들어 줘.
13:15매일 아침 9시마다 피그마에서
13:16디자인을 진행해 줘. 뭐 이런 것들이
13:18가능하겠죠. 이런 형태로 쓸 수 있는
13:20것. 이라고 보면 좋을 거 같아요.
13:22자, 그러면 다음 장표로 한번 넘어가
13:24볼게요. 플러그인 같은 거 설명을
13:26드렸고 코덱스앱 설명드렸는데 저는
13:28비킷이라고 하는 이런 플러그인을 좀
13:30커스텀에서 전 사실 좀 가지고 와서
13:33쓰고 있어요. 근데 이게 잠깐
13:34무엇이냐 이거에 대해서 좀 설명을
13:36드려 볼게요. 사실 제가 예전에
13:38라이브 했었을 때 한국에 계신 비키
13:40대표님을 좀 모셔 가지고 했는데 사실
13:42비킷은 홍보하는 개념이 아니라 제가
13:44진짜 좋아서 맨날 쓰는 거고 AX와이
13:46여러 가지 구축을 하면서 바이브
13:48코딩할 때 필수로 쓰는 앱이기도
13:50합니다. 그래서 저는 비킷 코덱스라고
13:53이렇게 검색을 하시면은 이렇게 깃업이
13:56나오거든요. 이제 팝업 스튜디오에
13:57비킷 코덱스라고 해 가지고 이걸 왜
14:00쓰냐면요. 저는이 코덱스에서도 비킷을
14:02쓰는 이유는 문서를 되게 열심히
14:05만들기 위해서예요. 그러니깐 물론이
14:08코덱스 자체가 플랜 모드가 강력한
14:10부분도 어느 정도 있습니다만 제가
14:13판단했었을 때는 문서화 그러니까 뭔가
14:16PRD 문서를 만든다든가 아니면
14:18임플레멘테이션 문서를 만든다든가 약간
14:20그런 그 사전의 계획이 많이 된 계획
14:23문서를 상세하게 쓰면 쓸수록 저는
14:26좋은 것으로 파악을 하고 있어요.
14:27근데 그것들을 좀 가장 잘 만들어 줄
14:30수 있는 그런 도구다라고 보시면 좋지
14:32않을까 해요. 그래서 이거 복사해
14:34가지고 저는 이거를 그냥 딱 붙여
14:36놓고 플러그인 설치해 줘라고 합니다.
14:40자, 그러면 이제 다음 파트는 스킬과
14:43자동화인데요. 그래서 자동 스킬과
14:45자동화를 함께 이야기 나눠 보도록 해
14:47볼게요. 자, 일단 스킬이 뭐냐라고
14:50했었을 때 제가 파악하는 것은
14:52스킬.md MD 파일의 별도의
14:55워크플로우를 모음집 같은 느낌으로
14:58해서 제작이 되는 그 재사용 가능한
15:01어떤 워크플로우 모음집이다라고
15:04생각을 해 주시면 좋지 않을까 생각을
15:06합니다. 그러니까 사실이 스킬이라고
15:08하는 개념 자체는 사실은 여러 가지로
15:10다른 여러 도구에서도 많이 쓰시
15:12쓰이고 있는 것으로 파악이 되는데
15:14간단하게 좀 더 설명을 해 보면이
15:16저걸 굳이 왜 만들고 쓰지라고 하데
15:18있어서 많은 분들이 생각하고 있는
15:20개념 중에 하나가 그냥 이거는
15:22프롬프트 모음집이다. 그냥 단순히
15:25그냥 어떤 워크풀로 반복적으로 쓰는
15:27그냥 그 정도의 형태다라고 생각하시는
15:29거 같아요. 근데 스킬의 장점이 되게
15:33많아요. 스킬은 우선은 하나 만들어
15:35놓고 여러 반복 작업들을 계속 반복
15:37재사용을 하는 경우도 상당히 좋지만
15:39저거 자체가 생각보다 토큰을 되게 덜
15:42먹는 방식 중에 하나예요. 그러니까
15:44서브 에이전트라고 하는 파일이라든가
15:46이런 별도의 그 한네스 세팅된 파일을
15:49MD로 만들어 가지고 직접 진행을
15:50하게 됐었을 때는 그거 자체를 계속
15:53새롭게 해석하고이 AI가 여러모로
15:56그것들을 다시 생각하느라고 좀 토큰
15:59소모량이 상당한데 스킬 파일을 하나
16:01만들어 두게 되면은 이거 자체가 어느
16:03정도는 딱 규격화된 내용으로 AI가
16:05별다른 생각을 할 필요가 없이 딱 저
16:07내용만 팔로업을 잘 하기 때문에 큰
16:09효율적인 형태로 어 많이 쓸 수 있는
16:13장점들이 들이 있는 재사용 가능한
16:14워크플로우 파일이다라고 보시면
16:16좋겠습니다. 그런게 있다고 보시면
16:17좋겠고요. 자, 그 이제 저희는 이제
16:19이미지 스킬 함께 사용해 보려고
16:21해요. 근데 이제 이미지 스킬을 함께
16:23열어 보려고 하는데 일단 저는이
16:26이미지 스킬을 일단 저는 커서에서
16:29코덱스 CLI를 열어서 사용해 보도록
16:31해 보겠습니다. 그래서 제가 자주
16:32쓰는 도구는 커서이고 사실대로 말하면
16:35저는 VS 코드도 쓰고 안티그래비티도
16:37쓰는데 저는 그냥 개인적으로는 그냥
16:39얘가 편하더라고요. 왜냐면 제가 약간
16:42디자이너인 것도 있고 약간 디자인
16:45편집하데 있어서 이게 조금 편했던 거
16:46같아요. 그래서 코덱스 샘플이라고 해
16:49가지고이 폴더를 만들고 진입을 해
16:51보겠습니다. 그래서 이다음에 터미널을
16:54열고요. 어 터미널을 이렇게 열면은
16:57저는 이렇게 좀 화이트 모드로 쓰고
16:59있거든요. 약간 많은 그 개발자분들은
17:02그냥 검정 화면 이렇게 쓰실 거예요.
17:03근데 저는 약간이 촬영을 위해서도
17:06그렇고 그 위아감 저 스스로 좀
17:07없애고자 이렇게 화이트 모드로 좀
17:09쓰고 있다는 점 말씀드리고 싶어요.
17:11그래서 터미널을 열고 코덱스라고 열어
17:14줍니다. 그러면은 이렇게 지금이
17:16폴더를 넌 실뢰하느냐라고 이제 얘기를
17:18하고 있죠. 자, 그러면은 여기서
17:21어떻게 할 거냐라고 하면은 지금
17:23여기서 스킬을 불러오고 싶어요.
17:25스킬을 불러오는 명령어가
17:27달러더라고요. 예, 이런 식으로
17:29달러를 이렇게 하고 하게 되면은 이제
17:31이미지젠이라고 하는게 나와요. 그래서
17:33요거를 하나 선택을 해요. 엔터를
17:36누르고 그리고 20대 여성 한국인
17:40이미지 생성이라고 해 볼게요.
17:42그러면은 이미지 2.0 모델을 불러와
17:45가지고 생성을 하나 해 줄 겁니다.
17:46자, 한번 이렇게 보겠습니다. 네.
17:48생성이 됐죠. 바로 딱 그냥 아무
17:51그냥 이미지나 만들어 봐라라고 했는데
17:53어 품질 좋은 이미지가 나오게 됐죠.
17:55그래서 이렇게 딱 누르면은 여러
17:57스킬들을 여러분들이 이렇게 탐색을
17:58하실 수가 있습니다. 그래서 지금 저
18:00같은 경우에는 여러 플러그인을 깔아
18:02놨기 때문에 뭐 피그마라든가 이런
18:04것들이 좀 있고 코덱스에서 기본적으로
18:06제공하고 있는이 이런 스킬들이
18:08있어요. PDF, 뭐 독스, 여러
18:11가지 프리젠테이션 이런 것들이 있는데
18:12하나하나 제가 봤을 때는 나쁘지
18:13않았었어요. 이런 스킬들 같은 것들을
18:17사실 굉장히 저렴한 가격으로 좀 많이
18:20쓸 수 있다는게 진짜 진짜 큰 강점인
18:22거 같더라고요. 이런 것들을 해 볼
18:24수가 있고요. 이제 이런 스킬들을
18:25여러분들 불러오실 수 있는데 어 저
18:27같은 경우에는 그냥 간단한 시안 하나
18:30또 피그마로 함께 만들어 보려고
18:32해요. 그래서 이렇게 또 달러 올리고
18:36유즈 피그마라고 한번 올려 봅니다.
18:38피그마 유즈 같은 것들.이 이 피그마
18:40유즈라고 하는 스킬은 뭐냐면
18:41여러분들이 피그마 플러그인을 까시면
18:44여기서 피그마에서 디자인이든 아니면
18:47뭐 랜딩 페이지든 아니면 문서 같은
18:50거 생성을 여러 가지 할 수 있어요.
18:51그래서 디자인
18:54샘플 랜딩 페이지라고 해 볼게요.
18:57그래서 이런 식으로 피그마 유즈를
18:59사용해서 랜딩 페이지 같은 것들을
19:01만들어서 직접 이렇게 할 수가 있는
19:03것이죠. QMI라고 해 가지고 이런
19:04스킬들이 나와 있고 그래서 신규 파일
19:06생성 같은 것들을 하게 돼 가지고이
19:08디자인 파일을 이렇게 만들어 주는
19:09것들도 할 수가 있습니다. 스킬 같은
19:12걸 운동하시면 되는게 있고요.이 정도
19:14한 다음에 제가 이후에는 이제 실제
19:17바이브 코딩으로 넘어가 볼 텐데 이거
19:20만들어지는 도중에 저는 프레젠테이션도
19:22만들어 볼게요. 여기서 다시 코덱스를
19:24불러오겠습니다. 왜냐면 이렇게 멀티로
19:27창을 여시면 여러 가지를 하실 수
19:28있어요. 그래서 지금 보면은 그
19:31프레젠테이션 스킬도 만들어 볼 수
19:32있는 거죠. 프리젠테이션이라고 해
19:34가지고 이렇게 그 프레젠테이션스라고
19:37해 가지고이 스킬을 불러오실 수
19:39있습니다. 주로 플러그인에
19:40불러오시는게 좋고요. 저는
19:42플러그인으로 먼저 불러올게요.
19:44프레젠테이션스라고 해 가지고 빌더
19:46조쉬에 대해 열 장 정도 조사한
19:50PPT를 하나 만들어 줘. 이렇게
19:53해보고 그리고 폰트를 좀 지정을 해
19:55줄게요. 저는 프리텐다드 폰트로
19:59모노톤으로 만들어 줘라고 해 볼게요.
20:03네. 이제 지금 땡강 소리 났죠? 이
20:06땡강 소리가 알고 보면 이거예요.
20:08여기서 물어봤다는 얘기예요. 그래서이
20:11물어봤다는이 신호를 특이하게 이렇게
20:13주더라고요. 이렇게 해가지고웨
20:16지금웨로우로 해 놓을게요. 일단은
20:18이렇게 그래서 사실 코덱스로
20:20여러분들이 생각보다 하실 수 있는
20:23거의 모든 걸 다 할 수가 있기
20:24때문에 사실 저는 너무 좀 강력한 거
20:27같아요. 저 앞으로는 계속 코덱스로
20:30좀 많이 고정적으로 가지 않을까
20:32생각을 해 봅니다. 일단 코덱스가
20:34만들어 놓은이 생성 페이지를 함께
20:36열어 볼게요. 아, 네. 나왔습니다.
20:38지금 방금 만들어 준이 디자인
20:40파일인데 네. 아무 랜딩 페이지나
20:42만들어 달라라고 했더니 이렇게 또
20:45유주 피그마 스킬로 어, 만들어 본
20:47걸 볼 수가 있어요. 예, 뭐 나쁘진
20:49않습니다. 근데 이따가는 좀 더 이거
20:51가지고 이제 디자인점m 파일 하나을
20:54한 다음에 그거 가지고도 또 만들어
20:56볼 계획이긴 한데 이런 식으로 엔딩
20:58페이지를 만들어 본다라고 볼 수가
20:59있겠죠. 이런 디자인 자체를 좀 더
21:01잘하려면은 여러분들이 생각하셔야 될
21:03거는 디자인.md 파일이라고 하는게
21:06있습니다. 네. 지금은 이렇게 그냥
21:08샘플로 하나 나왔지만 이것보다 훨씬
21:09더 좋은 디자인을 만들기 위해서는
21:11제가 좀 알려 드릴게 좀 있어요.
21:13겟디자.md라고 MD라고 하는 곳을
21:16이렇게가 보시면은 여기서 이제 수많은
21:20전 세계에 있는 대기업들의 여러
21:22가지이 디자인 시스템들을 여러분들이
21:24다운로드를 받을 수가 있습니다. 뭐
21:26한국에는 제가 알기로 오마이
21:28디자인이라고 하는 곳이 있는데 어
21:30그런 곳도 있겠지만 일단은 일단 제가
21:33여기서 한번 보도록 해 볼게요.
21:36프레이머네
21:38이런 회사의 디자인 시스템이 있다고
21:40해 볼게요. 그러면은 여기서 우리가
21:42가져올 거는 디자인.md라고
21:45하는 파일이라고 생각해요. 그래서
21:47디자인.md를 여기 들어가서 카피를
21:50누릅니다. 카피를 누르고 여기서 뭐이
21:53이런 디자인 형태가 조금 마음에
21:54들었다 싶으고 하시면은 이런 내용들
21:57정리된 내용들을 파악을 해서 이런
21:59형태의 것으로 디자인을 새롭게 꾸며
22:02보실 수가 있는 문서 중에 하나예요.
22:04그래서 이거를 다시 저는 커서로
22:07돌아가서 새 파일을 만들어 주고
22:10디자인.m
22:11라고 합니다. 그 여기다가 그 내용을
22:14붙여 넣는 거죠. 붙여 넣고 지금
22:16아까 여기 들어갔죠. 세이브를 해
22:18줍니다. 그러면 이걸 가지고 다시
22:21디자인을 해 봐라고 할 수도 있는
22:22거겠죠. 그래서 뉴스 피그마 들어가서
22:25이렇게 누르고 디자인.md MD
22:27파일을 참조하여 다시 랜딩 페이지를
22:32제작라고
22:34한번 시켜 볼게요. 이렇게 하면은
22:36이제 아까 보여 드린 이런 그냥
22:38아무것도 없는 무미건조한이 랜딩
22:40페이지보다 훨씬 더 좋은 디자인의
22:42것이 나올 것입니다. 그래서 이런
22:44것들을 함께 스킬로 써 보는 그런
22:46팁들을 한번 안내해 드렸는데
22:48결과물들은 이따 한번 보도록 해
22:49볼게요. 완료했다고 나오네요. 한번
22:51이제 PPT가 만들어졌는데 한번
22:53보도록 하겠습니다. 음.
22:56네. PPT 스킬의 결과물 한번
22:58볼게요, 여러분. 그니까 프리젠테이션
23:00스킬이에요. 정확히 말하면 코덱스가
23:03만들어 준 프리젠테이션 스킬인데
23:06네. 어떤 거 같으신가요, 여러분?
23:08제가 봤을 때는 네. 뭐 도형은
23:11그냥네 괜찮게 된 거 같아요.
23:12특이하네요. 이게 뭔가 다른
23:14[콧방귀]
23:15서비스는 도형 같은 것들은 이렇게 잘
23:17안 만들어 주는데 얘는 좀 도형 같은
23:20것들을 여러 가지로 잘 설계해 주는
23:22거 같아요. 그래서 지금 저에 대해서
23:24조사한 내용을 그냥 이렇게 바로 금방
23:27어 보여 주는 거 같습니다. 그럼
23:28여기에 그걸 또 할 수 있죠.이 이
23:30이미지엔 모델 스킬 넣어 가지고 그
23:33생성한 이미지 파일을 또 여기다가
23:35넣어서 여러분들이 함께 첨부하고 어
23:39곧바로 쓸 수 있다는게 진짜 중요한
23:41점인 거 같아요. 그런 것들 써 볼
23:42수 있을 것 같고. 네.
23:44프레젠테이션은 스킬로 함께 만들어 본
23:46거 같고 지금은 PPT 말고 피그마로
23:50이제 만든 디자인 시안 한번 보고
23:52그다음으로과 바이블 코딩 바로 넘어가
23:54보도록 해 볼게요. 그래서 피그마
23:56만들어졌다고 나오는데 함께 볼게요.
23:58피그마도 어느 정도 만들어 준 거
24:00같습니다. 아, 이게 디자인점 MD가
24:03없는 버전이고요.
24:05이게 디자인점 MD가 있는
24:07버전이에요. 그래서 조금 다르죠?
24:10네. 약간 그림 같은 것들은 잘 못
24:13그리는데 제가 봤을 때는 이런
24:15스폰트라든가 이런 그 전체적인 도형
24:17감각이라든가 이런 것들은 좀 나아진
24:19거 같아요. 네. 좋네요. 나쁘지
24:22않은 거 같아요. 좀 수정할 부분이
24:23없지는 없지 않아 있긴 하지만 뭐
24:25이런 형태로 한번 디자인점 MD
24:27넣어서 다른 시안 같은 걸 만들어 볼
24:29수가 있다. 좋은 거 같습니다. 이거
24:31외에도 약간 이런 디자인점 MD
24:33활용을 해서 카드 뉴스도 만들 수
24:35있고 뭐 프리젠테이션 아니면 되게
24:37여러 가지 할 수 있겠죠. 생각보다
24:39뭐 우리가 상승만 하면 더 엄청나게
24:41많은 걸 할 수 있는 거 같아요.
24:43이런 것들이 한번 나오는 것을
24:45테스트를 해 봤습니다. 지금까지는
24:47이제 스킬 관련돼서 함께 리뷰를 해
24:49봤고요. 다음 순서는 여러 스킬들
24:52같은 것들을 여러분들 한번 보셨는데
24:54그 플러그인이라든가 이런 것들 함께
24:55탐색을 하셔서 여러 가지로 한번 해
24:57보시면 좋겠고요. 이제 한번 바이브
24:59코딩 해 볼 거예요.이 이 아직까지는
25:01뭐였냐 바이브 코딩이라기보다는 그냥
25:03그 코덱스를 통해서 여러 일상적으로
25:06비발자가 할 수 있는 여러 가지가
25:07있는 그런 케이스 스터디를 함께
25:09이야기를 나눠 봤고요. 두 번째는네
25:12바이브 코딩 세션입니다. 일단 오늘
25:14만들어 볼 것들은 뭐 유튜브 요약
25:17앱을 만들 수도 있을 것 같고 실시간
25:19미팅 기록 앱을 만들어 볼 수 있을
25:20것 같고 그리고 뭐 라이브 번역 앱
25:22이런 것들도 만들어 볼 수 있을 것
25:24같아요. 근데 이걸 오늘 다 만들고
25:25가느냐? 사실 그렇게 좀 어려울 거
25:27같고요. 제 생각에는 그이 중에 하나
25:31혹은 두 개이 정도로 한번 마무리하면
25:32좋지 않을까 생각이 드는데 4번 먼저
25:35한번 만들어 보고 그다음에 저희 한번
25:37진행해 볼게요. 회사 EP 한번
25:39만들어 볼게요. 휴가 시스템 등록하는
25:40거 그럼 요걸 한번 만들어 볼게요.
25:42자, 그러면은 이제부터는 진짜 그냥
25:45다 설치돼 있다는 전제 하에서 시작을
25:47해 볼게요. 그러면 커서로
25:48돌아갈게요. 자, 이제 커서로
25:50돌아왔죠? 커서로 돌아왔으면 이제요
25:53폴더도 끄고 다시 시작해 볼게요.
25:56커서 쓰셔도 되고 안 쓰셔도 돼요.
25:58VS 코드 쓰셔도 되고 안티래비티
25:59쓰셔도 돼요. 상관없어요. 이거는 전
26:01지금 지금 심지어 이건 유료로 쓰지도
26:03않고 있어요. 프리플랜 쓰고 있죠.
26:04그래서 이거는 그냥 터미널 아이디
26:07도구니까 아이디 도구를 딱히 홍보할
26:09마음은 없어요. 제가 그냥 익
26:10익숙해서 쓰는 것이고. 그래서 뭐
26:13코덱스 ERP라고 해서 이렇게 일단은
26:16폴더를 함께 만들고 열기를 해
26:18볼게요. 그리고 터미널 열어 볼게요.
26:21터미널은 저 여기다가 넣어 놨어요.
26:23그래서 여기서 코덱스 불러올게요.네
26:27코덱스 뭔가 지금 동강 소리가
26:29났죠?네 네, 이건 코덱스가 열린다는
26:31소리인 거 같아요. 그래서 코덱스를
26:33열었습니다. 그럼 여기서 어떻게
26:35시작을 하면 좋을까요? 저희가 하고
26:37싶은 거는 휴가 등록을 하는 ERP
26:38서비스인 거예요. 그래서이 휴가
26:41등록을 할 만한 ERP 서비스를 하기
26:43위해서는 제가 이전에 설명드린
26:45비키시라고 하는 플러그인을 설치를 해
26:48놨는데 그걸 통해서 한번 플랫 모드를
26:50함께 해 볼까 합니다. 그래서 우선은
26:52이렇게 달러를 누르고 PDCA라고
26:56하는 거를 불러와야 됩니다. 이건
26:57뭐냐면 이건 플랜 디자인 코드
27:00애널리시스가 들어가 있는 방법론 중에
27:02하나인데 저는이 비킷이라고 하는
27:05플러그인을 여기다 깔고 이걸 가지고
27:07딱 불러온 다음에 우리 회사 ERP를
27:11만들고 싶어 휴가 시스템을 먼저 같이
27:15구현해 보자라고 하는 거예요. 그렇게
27:18한 다음에 이제 이걸 가지고 플랜
27:21시작해 줘라고 한번 명령을 해
27:23보겠습니다. 그래서 진행을 해
27:25볼게요.이 이 앞에 요게 왜 붙냐?
27:27이거 붙이고 안 붙이고의 차이가
27:29뭐냐라고 했었을 때 이걸 좀 더
27:31설명을 드리면 플랜이라고 하는 문서와
27:33디자인이라고 하는 문서가 같이 생성이
27:35된 다음에 코드가 이루어져야 훨씬 더
27:38좋은 풍부하고 에러가 없는 파일을
27:40만들 수가 있거든요. 그래서 그런
27:42것들을 만들고 난 뒤에 저는
27:44그다음에.md,
27:46디자인.md MD 이걸 함께 만들어
27:48볼 계획이긴 합니다. 자, 일단 일단
27:50지금 계속 뭔가 물어보고 있어 가지고
27:52저는 어웨이 얼로우 누르고 여기서
27:54커미션 스킵을 일단 안 해 놓은
27:56상태이긴 한데 일단은 얘는 직접
27:58만들어 보라고 해 볼게요. 네.
27:59PDCA로 만들고 있다라고 나오고
28:01있는 거 같고요. 비킷이 무엇이냐에
28:03대해서 또 설명을 또 잠깐 드려
28:05보면은이라고
28:07하는 곳이 제가 그냥 자주 쓰는
28:08플러그인 중에 하나인데 여기서이
28:10플러이 B기.ai AI에 들어가
28:12가지고 요걸 통해서 만들고는 있는데
28:14근데 이게 PBC 설계서라고 하는게
28:17이런 거라고 보시면 돼요. 저 같은
28:18경우에는 플랜 문서를 따로 만들고
28:21디자인 문서. 근데 디자인 문서가 말
28:23그대로 그냥 보이는 그런 디자인이
28:25아니라 그 개발 문서를 훨씬 더
28:27정확하게 만들어 놓은 일종의 한네스
28:30세팅이다라고 보면 좋지 않나
28:32싶습니다. 그래서 많은 분들이 플랜
28:34문서만 쓰고 직접 개발을 하시는
28:36형태로 진입을 하는데 저 같은
28:37경우에는 이런 문서 자체를 좀 더 한
28:40단위 댑스로 쪼갠 이런 디자인 문서
28:43그니까 말 그대로 그 실행
28:44임플레멘테이션 문서라고 해야 될까요?
28:46실행 문서 같은 것들을 더 딥하게
28:48쪼개서 문서를 만들고 제작을 하게
28:50되면은 성공률이 좋고 에러가 없는
28:52문서 같은 것들을 만들 수가 있어
28:54가지고 저는 그게 되게 좋았던 거
28:55같아요. 그래서 저는 이런 형태로
28:57작업을 하고 있다라고 보시면 좋을 거
28:58같고요. 그래서 이런 식으로 두 가지
29:00문서들을 만들어 보고 그다음에 이제
29:03체크, 액트 이런 것들을 통해서
29:04개발들이 잘 되고 있는지를 검증하는
29:06그런 형태로 제작이 되고 있다라고
29:09보시면 좋겠어요. 서 이런 것들 어
29:11많은 분들이 모르는 부분이기 때문에
29:13저는 이런 것들 함께 쓰고 있다라고
29:15보시면 좋겠고요. 자, 그럼 다시
29:17코덱스로 돌아가겠습니다. 그래서 지금
29:19열심히 플랜 단계 완료했다라고
29:22나오죠. 그러면은 이제 플랜 단계가
29:23끝났으면은 이렇게 독스라고 하는
29:25부분에 있어서이 플랜 문서가 생성이
29:28됐어요. 그러면은 이제 베케이션
29:30시스템이라고 해 가지고 지금 ERP의
29:32첫 번째 업무 기능으로 인직원 휴가
29:34시스템 승인 자녀 자녀 확인을 처리한
29:37휴가 시스템을 구현한다라고 하는
29:39PRD 그러니까 실제 처음에 문서가
29:41나왔어요.이 문서를 만드는 것부터가
29:45시작이에요. 바이브 코딩은 사실은
29:47그냥 예를 들면 휴가 시스템 만들어
29:49줘라고 시작하는게 아니고요. 말
29:51그대로 문서와 하네스 세팅을 초반부회
29:54세팅을 열심히 열심히 깎고 깎고 한
29:56다음에 마지막에 한 번에 쫙 실행시켜
29:59버리는게 저는 좋은 바이브 코딩의 어
30:02방향이다라고 생각을 합니다. 그래서
30:04지금 보면은 여러 가지 내용이 나와
30:06있어요. 어 사실이 내용을 지금 다
30:08읽어 보진 않을 텐데요. 그냥 제가
30:10좀 걸러야 되는 부분들은 이건 뭐냐면
30:12개발적인 부분들을 여기다 밑에 얘기를
30:13하는 경우가 있을 것 같아서 그런
30:15부분들은 좀 넘어가도록 해 볼게요.
30:17다행히도 지금 문서를 썼었을 때
30:19개발적인 부분들 얘기를 하지 않은 거
30:21같아요. 근데 뭐 스이라든가 이런
30:23것들을 잘 넣었고이 문서들을 보면
30:26좋을 것 같습니다. 자, 그러면이
30:27다음에 해야 될 건 뭐냐? 다음
30:29단계라고 미리 나와요. 또 이렇게면
30:31PDCA 디자인 베케이션 시스템이라고
30:33나옵니다. 그러면은 얘를 그냥 그대로
30:35붙여 놓기만 해 주면 돼요. 실제
30:37실행만 시켜 주면 됩니다. 그러면은
30:39첫 번째 단계는 플랜 단계였죠. 그럼
30:42그 두 번째 단계는 디자인 단계이긴
30:46한데 실제로 디자인을 만드는게 아니라
30:48다시 한번 설명을 드리면 저건 설계의
30:50문서를 만드는 길이에요. 그래서 어
30:52설계 문서를 별도로 따로 만드는
30:54거예요.이 플랜은 상회 기획서이고
30:56그리고 디자인 문서라고 하는 거는
30:59상세 기획서를 만드는 것이다라고
31:02보시면 좋을 거 같아요. 그래서 설계
31:04문서 파일을 추가한다라고 나오죠.
31:06그래서 이거를 먼저 뭐 서버 뭐 이런
31:08것들 붙이기보다는 바로 이제 설계
31:11문서 파일을 먼저 추가를 열심히 해서
31:13구조를 먼저 잡고 시작을 하겠다라고
31:15보시면 좋겠어요. 디자인 문서도
31:18완료가 됐습니다. 그러면은 문서가
31:19완료가 됐죠. 그러면은이 플랜 문서와
31:22디자인 문서가 완성이 되는데 이제
31:25플랜은 상위 기획서 그리고 디자인은
31:27상세 기획서 이렇게 만든다라고 보시면
31:29좋겠어요. 그래서 이런 식으로
31:31쫙쫙쫙쫙쫙 만들고 전체적으로이
31:34내용 자체는 생각보다 더 길어요.
31:35그러니까 여러분들이 밑에 한번가
31:37보시면은 이게 몇 줄짜리지? 360줄
31:40정도가 되어 있는데 플랜 문서는
31:42그거보다 짧을 거예요. 보면은
31:44143줄
31:46정도가 되어 있죠. 근데 디자인
31:48문서는 360주 정도가 되어 있어요.
31:50그니까 말 그대로이
31:52상위 기획서에 기반한 상세의 기획서를
31:56한번 더 만들면 훨씬 더 어 뭔가
31:59밀도가 있는 그런 바이브 코딩
32:01서비스가 나온다라고 보시면 좋겠어요.
32:03그래서 이런 것들도 여러분들이 한번
32:05보시면 좋을 것 같고요. 좀 여기서
32:06제가 피해야 될 부분들은 뭐냐라고
32:08생각을 해 보면 조금 너무 개발적인
32:10부분들은 먼저 좀 선지시를 안 하고
32:13가는 형태가 저는 좋다고는 보고는
32:16있는데 우선은 얘가 어느 정도 기술
32:18스택이라든가 데이터 모델이라든가
32:21데이터베이스 구조도라고 한다든가 이런
32:23것들을 좀 제시해서 준 걸 볼 수가
32:24있는 거 같아요. 자, 그러면 이런
32:26식으로이 문서 두 개를 만든 다음에
32:28뭘 하느냐 또 계속 설명을 드려
32:30볼게요. 자, 이제 플랜 문서 하나
32:32만들었고 그다음에는 저희가 해야 될
32:34일은 이제 디자인.md를
32:36만드는 거예요. 그러니까
32:37디자인.md가 아까 그 디자인 문서
32:39아니에요라고 하실 텐데 이거는 그냥
32:41모양, 그러니까 상세 기획서가
32:43나왔으면은 이제는 스타일 문서를 하나
32:47만들어야 되겠죠. 그것도 하나 더
32:48세팅을 할 거고요. 마지막으로는
32:50그다음에 에이전트.md를 MD를
32:53만들고 이제 개발을 시작을 할
32:55것이다라고 보시면 좋겠어요. 그래서
32:56저는 우선 오늘 시연을 하데
32:58있어서는네 장의 문서를 만듭니다. 첫
33:01번째 문 플랜 문서. 두 번째는 상세
33:03기획서 임플리멘테이션 문서.이자
33:06디자인 문서라고 하는 것들 있고.
33:08근데 그거는 설계서 문서예요. 근데
33:10세 번째는 이제 말 그대로 스타일
33:12디자인 문서.네 번째는 에이전스.md
33:15문서.이네 이네 가지 문서를 만들고
33:18좀 바이브 코딩을 하는게 좋다라고
33:20보고 있습니다. 그래야 되게 완성도가
33:22있는 그 서비스가 나온다라고 생각을
33:24하거든요. 그러니까 너무 이걸 대체
33:28이렇게까지 해야 될 이유가 있어라고
33:29생각하시는 분들이 생각보다가 있는데
33:31어 저는 이것들을 만들고 만드는 것과
33:34만들지 않는 것이 차이가 너무나도
33:36크기 때문에 저는 여러분들께 꼭
33:38추천드리는 바이긴 합니다. 자 그러면
33:41디자인.md MD 이거는 어떻게
33:43만드느냐 한번가 보도록 해 볼게요.
33:45아까 제가 소개를 드렸죠.
33:46getdes자ign.md 이렇게 해
33:48가지고 들어가서 여러분들이 원하시는
33:51스타일 같은 것들을 함께 어 둘러
33:53보실 수가 있어요. 네. 뭐 여러
33:55가지가 있는데 어
33:58뭐 이렇게 보는 것도 있겠지만 이거는
34:00외국에 있는 그 디자인.md MD
34:02웹사이트고 우리나라에는 제가 알기로는
34:05이걸이 라이브를 혹시 보실지
34:06모르겠는데 오마이 디자인 KI 하는
34:09것도 있어요. 그러니까 한국에 계신
34:10분들이 좀이 한국에 계신 분들은이
34:13사이트 들어가셔도 괜찮을 것 같은데
34:16브라우즈 더 필더 들어가면은 여기서
34:18배달의 민족이나 뭐 토스나 당근이나
34:21이런 여러 가지 회사들의 디자인
34:24시스템들이 여기 쫙 있는 걸 볼 수가
34:26있어요. 아, 물론 제가 만드는
34:28슈파노바라고 하는 이제 웹사이트에서도
34:31디자인 시스템을 여러분들이 이렇게
34:32보실 수는 있습니다. 근데 저는
34:35이렇게 문서화를 따로 시작해 놓지
34:37않았고이 문서화로 되어 있는 곳은
34:39이곳이다라고 보시면 좋을 것 같고
34:41커스터마이즈라고 하는 탭이 아니라
34:43유즈 as라고 하는 탭을 누르고
34:45당근을 누릅니다. 그러면은 여기서
34:48이제 로우라고 하는 파일이 있어요.
34:50그러면은 이게 지금 디자인 md
34:53파일인데 저는 요거를 카피해서
34:56가져올게요. 그러니까 이런 디자인
34:57시스템을 쓰겠다라는 거예요. 그래서
35:00타이오그라피 이건 쓸 거고 뭐 뭐
35:03쉐이은 어떻고 뭐 버튼이 어쩌고 이런
35:05것들이 여기 나와 있을 거예요.
35:07그래서 이런 것들을 이런 스타일
35:08위주로 함께 써 보겠다라는 것을
35:10가져와 볼 거예요. 그래서 어떻게
35:12가져오느냐? 여기다가 카피를 누르고
35:14그다음에 커서로 다시 돌아가서 여기서
35:17디자인점
35:19md를 만들어 줍니다. 여기서 여기
35:21만들어 주죠. 그래서 여기다가 복사
35:23붙여 넣기를 해 줍니다. 그래서
35:25문서가 세 개가 완성이 됐죠. 플랜,
35:27베케이션 시스템 문서, 그리고 설계
35:30문서, 스타일 디자인 문서 이렇게 세
35:32개가 만들어졌죠. 자, 그럼 이걸
35:34가지고 당장 구현하지 않고 저는
35:36여기서 한 번 더 짚고 넘어갑니다.
35:38뭘 만드느냐? 그다음에 세 파일을
35:40만들어서 a치.md를 MD를 만들어
35:43줄 겁니다. 그래서 이걸 왜
35:45만드냐면은 앞으로이 제작을 하면서 어
35:48우리가이 바이브 코딩을 하게 되면은
35:51앞으로 뭔가 항상 지켜야 되는
35:53원칙들이라든가 반복적인 실수를 AI가
35:56할 때가 있는데 그런 것들을 방지해
35:58준다던가 아니면 이것들에 대한
36:00기능들을 추가하기 위해서 별도의 여러
36:02서브에들 혹은 스킬들을 쓸 때가
36:04있는데 그것들을 명시적으로 저렇게
36:06시스템 가이드라인 문서를 만들어서
36:08관리를 하시면은 계속 유지보수를
36:11한다던가 이랬을 때 훨씬 더 AI가
36:13똑똑하게 움직일 수가 있다라고 보시면
36:16좋은 거 같아요. 그래서 그렇게 하는
36:17용도로서 에이전트m이라고 하는 걸
36:20만들고 시작할 겁니다. 근데 이거
36:21에이전트잔 MD 같은 경우에는 사실은
36:23여러 회사들에서 쓰고 있는 것으로
36:25보여요. 뭐 오픈 코드 아니면 뭐
36:28재미나이 코덱스 여기서 공통적으로
36:31쓰고 있는이 하나의 규약이다라고
36:34보시면 어 좋지 않나 싶습니다.
36:36그래서 요거를 만들고 안 만들고에
36:39따라서 상당히 큰 그 품질 차이가
36:41난다라고 보시면 좋지 않나 싶어요.
36:44그래서 이렇게 해서 만들고네 개
36:46문서를 만들었습니다. 그러면은 제가
36:49이제이네 개 문서를 만들었는데 여긴는
36:50지금 빈 파일이잖아요. 그럼 얘를
36:52어떻게 읽어 주게 할 것이냐? 이렇게
36:54s을 누르고 a트.md
36:57파일에 현재 프로젝트를 읽고 맥락을
37:01잘 넣어 줘라고 시작을 해 보는
37:03것이죠. 그래서 일단 이렇게 먼저
37:05세팅을 시작을 하고 나중에
37:07에이전스.md라고 하는 파일들을 계속
37:09업데이트하는 형태로 제작을 하시면
37:12되겠습니다. 네. 이미
37:13에이전트.md와 디자인.md가
37:15존재합니다라고 해서 업데이트를
37:17하겠습니다라고 나옵니다. 그래서 지금
37:19비어 있고 지금 여러 가지 문서가
37:22있는데이 루트 지침에이
37:24맥락 진행 구형 규칙 디자인 참고
37:27위치를 함께 넣도록 하겠습니다라고 해
37:28가지고 얘가 업데이트가 되는 걸 볼
37:30수 있죠. 네. 바로 업데이트를
37:32이렇게 해 줍니다. 어, 속도 되게
37:34빠르네요. 코덱스 속도 빠르. 네.
37:36이렇게 해 가지고 이렇게 여러 가지로
37:38에이전트. 점md가 들어가 있는 걸
37:40볼 수가 있는데 어, 개인적으로는
37:42관리를 내가 하고 싶잖아요. 그래서
37:44저는 영어로 안 썼으면 좋겠어요.
37:46[웃음]
37:46그래서 영어로 쓰지 마. 한글로 써
37:50줘.
37:52라고요. 왜냐면 제가 관리해야
37:54되잖아요. 앞으로. 그래서 네. 한글
37:57기준으로 다시 작성을 한다라고 보시면
37:58좋겠어요. 근데 영어로 쓰면은 토큰을
38:01덜 먹는다는 얘기가 있어 가지고
38:03개인적으로는 근데 사실 그냥 그걸
38:05별로 신경 쓰고 싶진 않아요.
38:06개인적으로 영어로 뭐 바이브 코딩을
38:09하나 문서를 쓰나 한글로 바이브 코딩
38:12하나 뭐 엄청난 큰 차이가 있을까
38:14하는 생각이 있는데 뭐 통계적으로는
38:16한 1.7배 정도 차이가 있다라고
38:19듣긴 들었어요. 그래서 어 그런
38:21부분들이 저는 사실 뭐 엄청 큰 신경
38:24쓸 만한 부분인가라는 생각이 들긴
38:25합니다. 자, 어쨌든 이렇게
38:27에이전트전 MD 파일에 이렇게
38:28한글로이 내용 들어오게 됐죠. 그래서
38:31현재 지금 맥락이라든가 제품 범위나
38:34이런 내용들을 잘 넣은 걸 볼 수가
38:35있습니다. 그래서 얘가이 파일을
38:38만들어 놓게 되면은 항상이 파일을
38:40바이브 코딩을 하면서이 폴더 내에서
38:42가장 시스템 가이드 프롬프트로서 쓸
38:44수 있기 때문에 이것들을 한번 세팅을
38:46해 보는 것이고요. 자, 그러면이
38:48자음에 마지막으로 해야 될 일은
38:49뭐냐라고 보면은 이제 PD 이걸 다시
38:51눌러서 달러 누르고 PDCA 2
38:56시작을 하시면 돼요. 그 두를 이제
38:58시작을 하시면 되는데이 두는 뭐냐?
39:01라고 하면은 이제 플랜, 디자인이
39:04문서를 실제로 구현을 하는 것을
39:06시작을 한다라고 보시면 좋겠어요.
39:08자, 그래서 두 단계로 진행합니다라고
39:10하면은 자, 이제서야 개발을
39:13시작한다라고 보면 좋을 것 같습니다.
39:15네. 이제서야 개발을 시작을 합니다.
39:17그래서 그 전에 많은 분들 바이브
39:20코딩하셨을 때는 이런 세팅도 아 하지
39:22않고 그냥 바로바로 접근하는 형태로
39:25어 제작을 하셨을 텐데 그런
39:27부분들보다는 이렇게 미리 이제 소위
39:30말하는 기초적인 하네스를 세팅을 하고
39:32어 넘어가 보는게 정말 중요하다이
39:34말씀드리고 싶어요. 골 쓰는 방법이
39:37따로 있더라고요. 그래서 이따가 한번
39:38골도 테스트해 보고 싶은데 한번 두
39:40번째 프로덕트 만들 때 골 한번
39:42테스트해 볼게요. 꼴이라고 하면은
39:44이제 골이 꼴도 지금 보면은 어
39:46이것도 이제 지금 사실 저는 거의 그
39:51하네스 세팅을 플랜 디자인 뭐
39:53에이전트.md 디자인.md 뒤 해
39:55놨기 때문에 그 이거 자체가 어느
39:57정도는 꼴 골처럼 되어 있고 그
40:00퍼미션을 제가 다 허용을 해 놓은
40:02상태라서 지금 완성이 될 때까지는이
40:05비킷이라고 하는 도구 자체가 좀 많이
40:07도와주는 것으로 보이고 있어요. 자
40:10어 화면이 뭔가 나오고 있어요. 아
40:11나왔습니다 여러분.네
40:14화면이 나왔어요. 여기 대시보드
40:16나오고 휴가 나오고 지금 나오고
40:19있죠?네 네. 직원 나오고 있어요.
40:22휴가 신청하는 거. 네. 연차 하는
40:24거 나오고 있어요. 네. 어, 뭔가
40:27화면을 계속 추가적으로 보여 주고
40:29있네요. 제가 김민지이라고 하면은
40:31연차 쓰겠고 오후 반차 쓰고 싶고
40:33이렇게 네. 이날 쓰겠고 사유는 그냥
40:37하루 종일 쉬고 싶어요. 눕고
40:40싶어요. 왜 그냥 쉬면 안 되나요라고
40:43해 볼게요. 네. 이렇게 해 가지고
40:44그러면 신청을 하면은 추가 신청이
40:46등록이 됐고가 내역에 들어가
40:48있을까요? 네, 돼 있네요. 그러면
40:50이렇게 승인 대기하는 형태로 되어
40:52있습니다. 네. 좋네요. 그래서
40:54지금은 이제 갭분서 마지막에 하고 다
40:58됐다라고 보면 좋겠습니다. 그래서
41:00마지막으로는 BDCA라이즈 베케이션
41:02시스템 이렇게 해서이 명령어 넣고
41:05하면은 될 거 같아요. 이런 ELP
41:07자체가 지금 완성도가 막 있는 건
41:09아니겠지만 뭐 모바일 버전은 바로
41:11대응이 된 거 같고. 그래서이 정도로
41:14하면 좋을 거 같고요. 솔직히
41:15말씀드리면 다른 ERP 회사의 것들을
41:18이제 사실 구독을 한다던가 이럴
41:19필요가 크게 있을까? 요즘은 그냥
41:22제가 만든 대로 제가 오늘 알려 드린
41:24대로 이렇게 독스 여러 가지 해 놓고
41:26플랜 디자인에.m디.m
41:29MP 설정해 놓고 우리가 원하는 대로
41:31그냥 그 ERP 바로 만들어 버리고
41:33쓰면은 될 거라고 생각합니다. 그래서
41:35이렇게 하면 되고요. 어 이거 다음에
41:37이제 배포까지 해 볼게요. 지금은
41:39제가 로컬 호스트에만 배포를 해
41:41놨어요. 그래서이 로컬 호스트에만
41:43되어 있는데 지금 이거를 어떻게
41:45배포할 거냐 해서 어 분석 결과는
41:48높은 편입니다. 잘 기록을 했다.
41:51그래서 잘 구현이 됐다라고 저희에게
41:53보고하고 있는데 마지막으로는 배포를
41:55하면 돼요. 근데 배포를 어떻게
41:56하느냐 보통 많은 분들이 뭘 하셨냐면
41:59이렇게 하고 NP npm 런 탭 이거
42:02누르면은 이거를 미리 보기를 하실
42:04수가 있는 거잖아요. 여기 옆에다가.
42:06그래서 이런 npm 런 브 하면 로컬
42:08호스트에서 이렇게 볼 수 있잖아요.
42:10절대 로컬 호스트 주소를 다른
42:12분들에게 그냥 이대로 공유하시면 바보
42:14소리 듣습니다. 이런 거죠. 이런
42:16행동은 하지 않으셨으면 좋겠고요.
42:18그래서이 로컬 호스트는 배포된 어
42:20내용이 아니에요. 그래서이 주소가
42:24실제로 업데이트 되기 하기 위해서는
42:26혹은 데이터베이스가 입히기 위해서는
42:28스파베이스 혹은 버셀 연동이
42:30필요하겠죠. 첫 번째로는
42:31스파베이스입니다. 스파베이스.닷컴 컴
42:33들어가면은 이게 우리가 들어갈 수
42:36있는 어 데이터 관리, 데이터베이스
42:38관리 서비스다라고 보시면 좋을 거
42:40같고요. 그래서 그런 것들을 관리할
42:42수 있고 이거는 데이터베이스 관리
42:45그리고 버셀은 배포 관리라고 보시면
42:47좋겠어요. 이거는 제가 어 실제로
42:50지금 운영하고 있는 버셀 계정인데
42:52여기서 어 여러분들 버셀 주소를
42:55가지고 배포를 하는 형태로 진행하면
42:56되겠습니다. 근데 저는 이걸 다
42:57어떻게 쓰느냐 그냥 여기 터미널에서
43:00보통 다 열거든요. 혹은 CLI
43:02통해서 하거든요. CLI가 뭘까요?
43:05생각해 보면이 터미널에서 명령어로만
43:08어 돌아가는 도구예요. 보통은 배포를
43:10한다던가 도메인에 넣는다든가 이런
43:13작업들을 대부분의 개발자분들은 터미널
43:15열고 버셀 뭐 프로드 뭐 명령을
43:18이렇게 쓴다든가 이런 식으로 하시는데
43:19저는 그렇게 굳이 귀찮아서 안 하고
43:21있고요. 그냥 얘 얘가 이게 지금
43:23제작이 됐잖아요. 지금 코덱스
43:24열렸잖아요. 코덱스가 열렸으면은 이제
43:27그냥 수파베이스 CLI와 거셀
43:30[콧방귀] CLI랑 기업 CLI로
43:32[웃음]
43:34배포랑 데이터베이스 세팅 등 마무리해
43:38줘.라고 그냥 한꺼번에 처음엔
43:41합니다. 그냥 이렇게 [웃음] 좀
43:43웃기는 방식이죠. 어 그렇게 하면은
43:46이제 얘가 알아서 이거 하고 저거
43:48하고 알려 줄 겁니다. 그래서 지금
43:51이게 이거 이렇게 했으면은 최종까지
43:53배포를 하는 형태다라고 보시면
43:54좋겠고요. 수파베이스는 뭐고 버셀은
43:57뭐고 기터은 뭐냐 간단하게 설명을
43:59드리면 수파베이스는 이걸이
44:01데이터베이스를 저장하는 공간이고요.
44:04버셀은 그냥 배포하는 거예요. URL
44:06넣고 배포하는 곳이고 기은 그냥 구글
44:09드라이브처럼 관리를 하는 곳인데 버전
44:11관리라고 하죠. 보통은 여기 깃 같은
44:14것들을 여기다 넣고 깃 리포지토리라고
44:16하는 것들 폴더를 하나 생성을 해서
44:18여기다가 깃을 하나 생성을 하고 그
44:21버전 관리를 하시는 형태로 하면
44:22되겠습니다. 사실 바이브 코딩이 막
44:25엄청 별게 없어요. 그냥이 세 가지
44:26정도가 있으면은 사실 뭐 거의 다
44:29된다 생각하면 좋을 거 같아요. 그
44:31외에 뭐 데이터베이스 혹은 백엔드
44:34관련된 다른 여러 가지 서비스 쓰시는
44:36분들이 많은데 저는 개인적으로는 좀
44:38간단한 서비스들은 그냥 이렇게 작게
44:41그냥 하면 좋지 않을까 싶습니다.
44:42자, 그래서 지금 뭐가 지금 엄청 잘
44:45안 되고 있다라고 얘기하고 있는데
44:47일단은 저는 일단은 다 허용을 하고
44:49진행해 볼게요. 현재 확인 결과
44:51CLI 토큰이 만료됐어요. 어,
44:53어제까지 했는데 또 토큰이
44:54만료됐군요. 샌드박스 DNS 제한에
44:57걸렸고 수바베스 로컬 상태 확인은
44:59도커 막혔다. 지금 다 막혀 있네요.
45:01뭐가 막혀 있다고 하는데 어쨌든
45:03되거든요. 그냥 사실은. 그래서 해결
45:05방법을 사실 AI가 다 알려 줘요.
45:08그래서 그런 부분들 좀 처리하고
45:10저희가 넘어가면 될 거 같아요.
45:11그래서 지금 저희는 원래 얘기하고자
45:14했었던 이제 다음 형태로가 보도록
45:16하겠습니다. 그래서 지금 저희가 했던
45:19것들은 이제 다시 리캡을 해 보면
45:20이렇게 되는 거 같아요. 이제 플랜
45:22문서를 만들었죠. 그래서 플랫 문서
45:24만들었고 디자인.m파일 만들었고
45:26에이전스. 만들었고 백엔드 세팅
45:29했죠. 근데 저희가 빠진게 API
45:31연동이에요. API 연동이라는 건
45:33뭐냐? 이제 외부 서비스들을 연동을
45:35해서 여기다 붙이는 거긴 한데 근데
45:38방금 그 ERP 서비스 휴가 등록
45:40같은 경우에는 그게 없었죠. 그래서
45:42그걸 한번 어 입혀 보는 것에 또
45:45다음 프로덕트로 한번 좋을 것 같고
45:46그래서 이렇게 보시면 좋겠고 어 우린
45:49플랫고 디자인.m 만들었고
45:51에이전스.md MD 백엔드 기본 세팅
45:54그리고 외부 서비스 연결은 아직 안
45:56했어요. 이거를 지금 같이 한번 해
45:57볼 생각이긴 해요. 그래서 URL
45:59같은 것들을 만드는 것까지 함께
46:01추가적으로 더 해 볼게요. 그래서
46:03이런 것들을 함께 한번 더 해 볼 거
46:05같고요. EP 같은 경우에는 그냥
46:07간단하게 우리가 함께 만들어 보기는
46:09했었죠. 작동이 되는 거 한번 이따가
46:12이제 URL 배포가 다 됐는지
46:13그것들은 이따가 한번 확인해 보면 될
46:15거 같고 한번 우린 실시간 미팅 기록
46:17앱을 그때 2번 많이 얘기해 주신 거
46:19같거든요. 그래서 실시간 미팅 기록
46:21앱을 한번 만들어 보고 싶어요.
46:23그래서 새로운 창을 열고 진행을 한번
46:26해 볼게요. 그래서 그 이번에는 골도
46:28한번 써 볼게요. 지금 보면은 코덱스
46:31미팅이라고 하는 폴더를 하나 만들어서
46:33다시 열어 보도록 해 볼게요. 그러면
46:35터미널을 또 열고 자 이렇게 해서
46:37다시 이렇게 코덱스를 또 열었습니다.
46:39이제 코덱스를 열었으면은 이제는 이제
46:42또다시 저는 비킷으로 시작을 할
46:44거예요. 이제 비킷으로 시작을 한다는
46:45의미는 뭐냐? 일단은 이렇게 달러
46:48누르고이 TDCA를 시작을 합니다.
46:51그럼 이렇게 시작을 해서 다시 이제
46:53문서 세팅을 시작할 거예요.
46:54실시간으로 미팅 회의록을 기록할 수
46:58있는 서비스를 만들어 보자라고 해
47:01볼게요. 그러면은 일제 이제 플랜을
47:04시작을 할 거예요. 그 이거 자체가
47:06이제 돌아가서 플랜 문서가 시작이
47:07되고 그다음에 디자인 문서 생성이
47:09되고 그다음에 그 스타일 디자인 문서
47:12만들고 또 그다음에 에이전트.m MD
47:15만들고 시작하는 거예요. 그럼 그렇게
47:16하면은 또 앱이 뚝딱뚝딱
47:19만들어지겠죠?
47:20그래서 이런 내용들로 또 한번 더
47:23시작해 볼게요. 어, 일단은 미디엄
47:24패스트로 만들어졌네요. 그래서 모델
47:26한번 바꾸고 해 볼게요. 얘 만든
47:28다음에 만들고 그다음에이
47:31모델 바꾸고 어, 다른 세팅 조금 더
47:33해보고 해 볼게요. 네. 지금 열심히
47:35또 만들고 있는데 한번 기다려
47:37봅시다. 네, 그래서 지금 이렇게 또
47:38플랜 문서를 또 만들고 있죠.
47:40뭐 Uy 입력 요약기는 구연 같은
47:42것들이 나와 있는데 이제 플랜 문서를
47:44이제 만들고 그다음에 디자인 문서도
47:46만들고 진행하도록 하겠습니다. 미디엄
47:50모델이라서 일단 이거 하나는 만들어
47:52보고이 만들고 난 뒤에는 이제 다시
47:55조금 세팅을 변경을 할 거예요. 근데
47:57이거를 또 바로 스터미널 다른 창
47:59열어서 새로운 창에서 뭔가 여기서
48:02변경을 하는 거 있잖아요. 근데
48:03이거는 조금 제가 판단했을 때는
48:06포덱스 측에서 조금 개선해 주셔야
48:08될게 어 여기서 그 모델 변경을
48:11하잖아요. 그럼 여기서 모델을
48:13변경하면은
48:14다른 모델에서 그게 이관이 딱 연동이
48:18팍팍 안 되는 경우가 좀 있어 가지고
48:20그런 버그든 조금 고쳐 줘야 될 거
48:22같아요. 그래서 예를 들면 모델 이걸
48:23변경하잖아요. GPT 5.5는 항상
48:26유지가 되어요. 근데이 하이 이렇게
48:28설정한다든가 이런 것들은 팍팍 잘 안
48:31되는 경우가 좀 있었던 거 같아요.
48:32좀 에러를 좀 고치면 좋을 것
48:34같고요. 구현이 한 차례 정리가
48:36됐다고 하네요. 그래서 어느 정도는음
48:39잠깐만 기대를 해 볼게요. 화면을
48:41아, HTM맨을 만들어 버렸네요.
48:43이게 그 이게 다시 이게 모델의
48:45문제이지 않을까라는 생각을 해
48:48봅니다. 네. 지금 바로 이렇게
48:49만들어 버리면 안 되는데 계획도부터
48:51먼저 만들어야 돼요. 네. 지금 보면
48:53깨지잖아요. 이렇게 그죠? 이렇게
48:55해서 안 돼요. 일단은 취소하고 일단
48:57취소하고 이제 그다음에 모델 좀
48:59바꾸고 시작을 해 볼게요. 모델
49:01누르고 GPD5 누르고 하이 누르고
49:05어 PCA 그다음에 디자인 문서 행성
49:10그렇게 해서 진행을 하면 좋을 것
49:12같아요. 일단은 지금 여기 첫 번째
49:14문서는 나왔으니까이 두 번째 두 번째
49:16있는이 폴더 문서를 또 만들어야 될
49:18것 같아요. 어 이거 만들어졌네.
49:19어느 정도는 되게 빠른 시간 안에
49:21만들었구나.네 네. 빠른 시간 안에
49:23만들긴 했는데 이게 좀 제대로 된
49:25문서가 아니어서 제가 봤을 때 양
49:27자체가 많지 않은데 뭐 양이 많다고
49:29좋은 문서는 아닌데네 생상이 되어
49:31있는데 어느 정도 만들어졌다라고
49:33하니까 다시 만들려고 하기는 조금
49:35시간 낭비잖아요 여러분. 그래서
49:36일단이 상태로 한번 만들어 보는 걸
49:38시작을 해 볼게요. 그러면 일단은
49:40문서는 만들어졌다고 해 봅시다. 그럼
49:42그다음에는 이제 디자인.md를
49:44만들어야겠죠? 디자인.md 만들고
49:48저희가 원하는 스타일의 디자인을
49:50가져와야 되겠죠. 그래서 다시 그 겟
49:54디자인 MD 가셔서 일렙스 어 일렙스
49:58이쁘다.네 랩스 스타일 이쁘네요.
50:02네블랩스 스타일을 좀 한 가져와
50:04보도록 해 볼게요. 그래서
50:06디자인.md 들어가서 카피를 누르고
50:09이거 스타일을 가져옵니다. 네.
50:11이렇게 해서 붙여 넣기를 하고 저장을
50:13합니다. 그리고 마지막으로는
50:15에이전스.md
50:17만들고이 작업하고 끝나는 거죠.
50:19에이전트 파일에 현재 프로젝트 맥락
50:23정리해 줘라고 할게요. 그럼 이렇게
50:25해서 디자인 분석 이것들 다 생성된
50:28것들 파악해서 볼 수가 있는 거겠죠.
50:30그 프로젝트 맥락 정리하고 실제 구현
50:32들어갈 수 있도록 해보면 될 거
50:34같습니다. 그리고 이다음 이렇게까지만
50:36하고 이제 꼴 시작할게요. 꼴 시작을
50:39해서 이제 한번 배포까지 해 보게끔
50:41한번 던져 볼게요. 꼴 기능에 대해서
50:43좀 마무리를 하고 가면 좋을 것
50:45같아요. 코덱스 꼴 사용법이라 하면
50:47목표만 설정하면 끝까지 간다.
50:49그러니까이 꼴이라고 하는 기능 자체는
50:51아까 우리가 그냥 기본적인 문서
50:54생성이라든가 이런 것들 하게 됐지만
50:56원하는 기능이 추가가 된다던가 혹은
50:58끝까지 그냥 다 알아서 구현했으면
51:00좋겠다 하는 그런 기능이 됐었을 때
51:02이렇게 꼴 기능을 넣어 가지고 해 볼
51:04수가 있어요. 그래서 꼴이라고 하는
51:06명령어를 해야 되는데 얘는 꼴
51:08사용법은 CLI를 설치를 해서 여기서
51:11컨피그.t이라고 Tom이라고 하는
51:14파일을 열어서 골 기능을 활성화해야
51:16된다라고 얘기를 하거든요. 근데 저는
51:18이미 이거를 어 업데이트를 해
51:21놨어요. 그렇기 때문에 이게 지금
51:23없는 분들 같은 경우에는 이걸
51:25업데이트를 먼저 해 주셔야
51:26되더라고요. 그래서 어 지금 예를
51:30들면은 이렇게 저는 이렇게 꼴이라고
51:32하는 기능이 이렇게 생성이 됐는데 꼴
51:34기능이 없으니까 컨피그.toml
51:37Toml 파일을 수정해서 골 기능을
51:40활성해 줘라고 하면은 어떻게 되냐면
51:42여기이 문서 안에 피처스한 다음에
51:45콜스라고 트루 하는게 이게 딱
51:47들어가게 됩니다. 그러면 이게 어
51:49진행이 되면은 꼴 기능을 여러분들이
51:51쓸 수가 있는 것이죠. 골 기능이라고
51:53했었을 때는 이거 자체를 열고 이제
51:56우리가 원하는 기능을 알아서 탁
51:59던지면은 끝까지 그게 검증이 돼
52:00가지고 완벽하게 된다고 했었을 때
52:02우리에게 결과를 보고하는 그런
52:04기능이다라고 하시면 좋을 거 같아요.
52:06그래서 지금 꼴 기능이 없으니까
52:09피그.tom의 TOOM의 파일을
52:11측정해서 활성화해
52:14줘라고 하면은 여러분들도 다 이렇게
52:16꼴 기능 활성하실 수가 있습니다.
52:18근데 이건 저는 이미 활성화가 돼
52:20있으므로 이다음에 골 기능을 이렇게
52:22넣어서 진행하면 좋을 것 같아요.
52:23제가 꼴하고 모든 기능 구현을
52:27시작하고 어셀에 배포까지 하면 나에게
52:31보고해 줘.라고
52:33해 볼게요. 근데 API가 지금
52:35없어요. 그래서 그 API라고 하는
52:38건 뭐냐? 지금 우리가 미팅 앱을
52:39만들고 있잖아요.이 미팅 앱이라고
52:41하는 거 자체는 API가 필요합니다.
52:43그러니까 오픈 AI에서 제공하고 있는
52:46별도의 API가 필요해요. 그
52:48API는 어디서 가져오느냐? 플랫폼
52:50오픈 AI에서 가져올 수 있어요.
52:52플랫폼
52:54오픈 AI라고 검색을 해 보면은
52:56여기다가 오픈 AI 플랫폼이라고 하는
52:58곳이 있어요. 그래서 여기서
52:59들어가셔서 여러분들이 여기서 API
53:02키라고 하는 것 버튼을 눌러 가지고
53:04여기서 발급을 받으시면 됩니다. 근데
53:06발급을 하는 방법은
53:08여기서 그냥 누르고 발급하시기만 하면
53:10되거든요. 크레딧 충전을 해 놓으셔야
53:13돼요. 어느 정도는 꼭 해 놓으셨으면
53:14좋겠고 API 키를 누르고 한번 발급
53:17받으시는 영상 자체는 따로 유튜브에서
53:19검색을 해 보시면 좋을 것 같고 저는
53:20빨리 다 발급을 받아서 여기다가 붙여
53:23넣고 이제 골 기능 활성을 해
53:24볼게요. 일단은 API 키를 넣는
53:26방법은 간단합니다. 여기 파일 파일을
53:28만들고.v들면
53:32돼요. 그럼 v 파일 만들어서
53:34여기다가 오픈 AI API 키라고
53:36나오고 이렇게 좀 나오는데 이거는
53:38지금 이게 지금 샘플 코드죠. 샘플
53:40API 키 코드인데 여기다가 API
53:44키를 만들고 붙여 넣어 시키면 하시면
53:46돼요. 그럼 그러면은 얘가 알아서
53:47어느 정도 다 읽어 줍니다. 그래서
53:49지금 저는 발급받은 걸 여기다 넣고
53:52진행을 해 볼게요. 지금 저는 점b
53:54파일에 이제 API 키가 들어가
53:56있어요. 그럼 API 키가 들어가
53:57있으면 이제는 프롬프트를 마무리해야
53:59되겠죠. 꼴 기능 지금 저희가 하고
54:01있잖아요. 그럼 모든 기능 구현을
54:02시작하고 버셀의 배포까지 하면 나에게
54:04보고해 줘. API 키는 B에 저장해
54:08놨어.
54:10이렇게 진행해 보겠습니다. 지금
54:11아까랑 조금 다르죠. PBCA 2를
54:13했는데 지금은 그냥 아예 목표를 다
54:16줘버리고 버셀 배포까지 다 해 버리는
54:19형태로 나에게 보고를 해 달라라고 꼴
54:21기능을 테스트해 보는 거예요. 그래서
54:22이렇게 한번 해 보는 형태가 있고 다
54:24완료가 되면은 한번 나에게 보고해
54:26봐라라고 하는 형태로 봐 주시면 좋을
54:29것 같습니다. 버셀 배포까지 목표를
54:31시행을 하겠다라고 이제 알려주고
54:32있죠. 어 저는 거의 지금 배포가 다
54:34된 거 같거든요. 벌써. 그래서 어느
54:36정도는 지금 코덱스
54:37미팅.버셀점앱이라고 버셀.
54:40접속을 하면은 되는 거 같은데 한번
54:42볼까요? 어, 지금 열심히 아직
54:44배포를 하고 있는 거 같긴 해요.
54:46근데 한번 볼게요. 네. 이게 지금
54:48제대로 된 앱이거든요. 네. 한번
54:50볼까요? 이거가 지금 기록 추가
54:54기록은 되어 있는데 지금 음성 기록을
54:56하는게 지금 안 되어 있는 거 같은데
54:58기능을 다시 한번 검토를 해 보는게
55:01좋을 거 같아요. 지금 음성 기록이
55:03제대로 안 돼 있어 가지고. 그런
55:04부분들 좀 보도록 해 볼게요.
55:07마지막이에요. [음악] 제작이 다 된
55:08거 같은데. 네. 지금 완료도 됐고
55:10이제 음성 API로 회를 기록하는
55:14형태의 앱이야.이 부분 잘 참고해서
55:18UI랑 기능 다시 잘 추가하고
55:22검증해서 나에게 제시해 줘.라고
55:25라고 해 볼게요. 그러면은 이제
55:26이것도 한번 꼴 꼴이라고 해 볼게요.
55:29목표 처리 시간이라고 나오는 거
55:31같더라고요. 보니까 그이 골이라고
55:33하는 기능 자체를 보면은 예를 들면
55:35하나의 기능을 어쨌든 완성해서
55:38검증하고 본인이 확인을 할 때까지 다
55:40구현을 해서 내놓는 기능 중에
55:42하나잖아요. 그러다 보니까이 목표
55:44처리 시간을 따로 기록해서 주는 거
55:46자체가 재밌더라고요. 그러니까 어
55:48구현과 버지 완료했다라고 나오는데
55:51구현된 기능 여러 가지가 있긴 한데
55:53이제 체크 같은 것도 스스로 하고
55:55이렇게 보여주는 걸 볼 수가 있어요.
55:57근데 지금 보면은 저희가 꼴은
56:00제시해서 준 거는 사실이지만 제가
56:02기획서를 좀 안 보고 지금 저 검토한
56:04결과 음성 전사 API라고 해야
56:08될까요? 그러니깐 음성을 기록하는
56:10API 같은 경우에는 지금 제대로
56:12반영이 안 돼 있어 가지고 그런
56:13부분들은 좀 우리가 한번 보고 가면
56:15더 좋을 것 같긴 해요. 제가이
56:19기획서 자체에 그 부분이 추가가 잘
56:21되는지 안 되는지 확인하지 않고 바로
56:23라이브로 넘어가다 보니까 그런
56:24부분들이 좀 문제가 됐던 거 같아요.
56:26그래서이 부분도 실제 지금 만들고
56:28마지막으로 배보된 URL를 함께 보고
56:30진행하도록 하겠습니다. 그래서 실제
56:32지금 얘가 만들어 보고 있는 것들은
56:34진행을 한다라고 보시면 좋겠고요.
56:36어, 여담이지만 아까 만들어 본가 잘
56:38배포가 됐는지 한번 보도록 해
56:40볼게요. 자, 이제 버셀 프로덕션
56:42환경에 오픈 AI가 배포가 되고
56:44있다라고 보여 주는 거 같아요.
56:45그래서 함께 테스트 한번 해 보면
56:46좋을 거 같고 얘가 직접 테스트를
56:49해서 나에게 보고하라고 해 놨으니까
56:52아마 어, 잘 되는 것도 확인을 하고
56:54저에게 보고를 해 줄 겁니다. 그
56:56정도의 내용을 한번 보면 좋을 거
56:57같고 아직은 열심히 개발을 하고 있기
56:59때문에 벌써 6분 이상 개발하고
57:01있잖아요. 그죠? 그 말씀드리는
57:02도중에 일단은 어 완성이 됐다라고
57:05보여주고 있고 목표 처리 시간은
57:07482초다라고
57:08해서 보여 주는 것으로 보이고
57:10있어요. 그래서 잘 됐는지 한번
57:13확인을 해 볼게요. 확인을 버에 가서
57:16해 볼게요. 디플로이먼트 가서
57:21이거 제대로 배포가 안 된 거
57:22같아요. 라이브는 시연의 저주라는게
57:24있습니다. 여러분 잘 아시죠? 시연의
57:27저주라는 말 아시죠? 저는 항상이
57:30기업 강의나이 라이브 강의를 할
57:32때마다 시원의 저주를 당하곤 합니다.
57:34지금 벌써 벌써부터 이런 이상한 말이
57:38뜨고 있죠. 지금 네. HTML도 잘
57:41안 켜지고 있어서 지금 다시
57:42재검증하려고 해 볼게요. 아가 살짝
57:46깨져 있고 다시 제작이 될 필요가
57:50있어. 배 제배 후 다시 알려줘.
57:55이것도 꼴 될 때까지 갑니다. 지금
57:58아까 제가 봤을 때는 지금 이렇게
58:00지금 미팅 녹음 기능을 잘 활성화가
58:02되는지 한번 해보 얘기해 봐야 될 거
58:04같아. 미팅 미팅 녹음 기능 잘
58:09활성화되어 있는지 테스트해 보고
58:12나에게 전달해 줘. 일단 이것도 한번
58:15돌려 볼게요. 여러 가지로 지금
58:17테스트해 보고 있는 단계인 거 같고
58:19다 완료될 때까지는 네. 지금 문제가
58:22없는 거 같아요. 지금 재배포 하고
58:25있는 것으로 보이고 있고요. 이제
58:27한번 확인해 보고 일단 테스트 한번
58:28해 봐야겠다. 테스트 회의 임승권
58:32참여자 회의하고
58:34테스트 돼 있고 녹음 시작하면은
58:37안녕하세요. 반갑습니다. 안녕하세요.
58:39녹음이 잘 되고 있는지 확인하고
58:41있습니다. 그러면은 음성 전사 페일투
58:43패치 나미.네 네. 이것도 봐야
58:45돼요. 얘 지금 검증을 안 했네요.
58:47어, 화난다.
58:50페일투 패치가 나와. 어, 이것도 안
58:53돼. 어, 이거 지금 HTML이라 잘
58:55안 되는 거 같긴 한데 지금 잘
58:56처리가 되는지 한번 확인해 봐야
58:57돼요. 페일드 패치가 왜 녹음 전사할
59:01때 나오는 거야? 녹음은 일단 파일은
59:04들어보자. 안녕하세요. 반갑습니다.
59:07안녕하세요. 녹음이 잘 되고 있는지
59:08확인하고 있습니다.
59:10녹음 자체는 소리는 들어오고 있는데
59:13지금 전사가 지금 안 되고 있어서이
59:14부분만 조금 그 확인을 하고 보도록
59:18할게요. 지금 API가 살아 있지
59:20않은 거 같은데 로컬 실행시는
59:22100포된 API 쓰고 긴금에는 뭐
59:24이런 얘기를 한다. 뭔가 스스로
59:26바꾸고 있긴 한데 이게 잘 바꾸고
59:28있는 건지 잘 모르겠네요.
59:30한번 볼게요.
59:34세회의 시작. 아,이 UI가 첫
59:36페이지가 원래 그냥 잘못 나온
59:37거구나. 녹음 시작. 이번에만 허용.
59:41안녕하세요. 반갑습니다. 전사화를 해
59:43보겠습니다. 성전사.
59:47좋습니다.
59:50다시 녹음해 보겠습니다, 여러분.
59:51이제 녹음 시작. 안녕하세요.
59:54반갑습니다. 네, 오늘 라이브가 거의
59:562시간 15분 가까이 진행이 됐는데이
59:59모든 내용을 이렇게 함께 하게 돼서
1:00:02어, 여러분들에게 너무 어, 여러분도
1:00:05너무 즐거운 시간이었고요. 그리고이
1:00:07모든 시간 동안에 이렇게 골 기능,
1:00:10코덱스에 있는 어, 테스트 기능들을
1:00:12다 써 볼 수 있어서 너무너무
1:00:13좋았습니다. 여러분들 빌더 조씨
1:00:16앞으로도 많이 구독해 주십시오.라고
1:00:18라고 이야기해 볼게요. 녹음 종료
1:00:21음성 전사 누르면 전사시켜 줄
1:00:23거예요, 지금. 좋습니다. 이렇게
1:00:26됐죠? 네. 여러분들 완성이
1:00:28됐습니다.
1:00:31어, 전체적으로 음성 전사는 잘 된
1:00:32것으로 파악이 됩니다. 여러분들이
1:00:35직접 회사 내에서 회의로 전사 앱을
1:00:37직접 만들고자 했었을 때는 이런
1:00:39식으로 여러분들 스스로도 구축을 해
1:00:41보실 수가 있고요. 사실상 우리가
1:00:43상상하는 모든 것들을 직접 스스로
1:00:45만들 수 있는 시대가 된 거 같아요.
1:00:47여러분 이렇게 회의록 앱이라든가 이런
1:00:49것들을 만들고 난 뒤에이 데이터들을
1:00:52쌓아서 여러분들이 직접 에이전트로
1:00:54별도로 변환해서 쓰실 수도
1:00:56있겠습니다. 그래서 이런 식으로
1:00:58우리가 함께이 서비스를 함께 만들어
1:01:00봤는데요. 어 여러분들 오늘
1:01:02어떠셨는지 잘 모르겠어요. 오늘
1:01:04이렇게 함께 해 주셔서 정말
1:01:05감사드리고요. 그 모든 내용들은 제가
1:01:07다 지금 리뷰를 다 드렸고 코덱스
1:01:09열심히 한번 써 보게 되었습니다.
1:01:11저도이 코덱스를 이제 좀 많이 사용을
1:01:15더 할 수 있게 되었어요. 왜냐면
1:01:16일단 이미지를 생성하는 기능 자체가
1:01:18너무너무 좋고 코덱스가 또 토큰
1:01:21면에서는 정말 우월하기도 하고 그래서
1:01:23하루 종일 쓰데 있어서 문제가 없을
1:01:25것 같기도 하고 회사 산에 슬랙에
1:01:27연결한 에이전트를 만드는데 혹은
1:01:29헤르메스 에이전트라든가 아니면 오픈
1:01:31클로를 연결하데 있어서 또 코덱스
1:01:33엔진이 혹은 오픈 AI의 CGPT
1:01:36오스라고 하죠. 그 요금제가 워낙
1:01:39압도적으로 우월해서 아마 더 지평이
1:01:42넓어지지 않을까 생각을 해 봅니다.
1:01:43일단은 코덱스의 강점은 역시 토큰이
1:01:46있는 거 같고이 꼴 기능도 너무 좋고
1:01:49또 특히나 저는 발견했던 것들이
1:01:51스킬스 이게 진짜 좀 좋은 스킬들이
1:01:53많아 가지고 너무너무 좋았고 간
1:01:56빌트윈 되어 있는 것들 중에서 또
1:01:58유독도 좋은게 이미지젠 이게 아니었나
1:02:01어 생각이 또 들어요. 이건 진짜
1:02:03말도 안 되게 좋은 느낌이 들고 어
1:02:06앞으로 좀 한마디로 진짜 굉장히 서로
1:02:10어 많은 엔진들이 좀 경쟁하지 않을까
1:02:12싶은데 사실 이런 저는 경쟁이
1:02:13좋아요. 왜냐면 어 경쟁을 해야 또
1:02:17계속 더 발전하고 있기 때문에 서로가
1:02:20긴정해서 훨씬 더 많은 혜택을
1:02:21우리에게 안겨 주지 않을까 생각을
1:02:23합니다. 그래서 압도적인 그 토큰 위
1:02:26그리고 여러 가지로 지금 코딩도 아주
1:02:28아주 잘해 주는 코덱스 함께 사용을
1:02:30해 봤습니다. 여러분, 지금 보시면
1:02:33오픈이에 제자료 지원을 받아서 진행이
1:02:35됐고요. 지금 바로 사용을 저희
1:02:37본문에서 해 보실 수가 있어요.
1:02:38그래서 함께 한번 사용해 보셨으면
1:02:40좋겠고 프로 모델로도 정말 많이
1:02:42사용해 보실 수 있거든요. 그래서
1:02:44그렇게 한번 써 보셨으면 좋겠어요.
1:02:46이거 배포가 되는 데까지 보고
1:02:48갈까요? 1번 프로젝트도 돌아가고
1:02:50있는데 지금 인증 코드가 나왔다고
1:02:52하는데 그 인증 코드 입력을 하고
1:02:54배포하는 것까지 한번 끝내고 갈게요.
1:02:562번 프로젝트는 나왔는데 1번
1:02:58프로젝트가 안 나왔다라는 말이 있어서
1:03:00마무리하고 가겠습니다. 볼까요?
1:03:03좋아요. 네, 요것도 배포가
1:03:04됐습니다. 네, 요것도 배포가 잘
1:03:07됐습니다. 이렇게 해서요 URL로
1:03:09버셀로 배포가 잘 됐습니다.
1:03:10짝짝짝짝.
1:03:13저희 ERP 처음에 만들고자 했었던
1:03:14것들도 이런 식으로 여러분들이 쓰실
1:03:17수 쓰실 수 있도록 여기 URL이
1:03:19배포가 되어 있어요. 자, 둘 다
1:03:20코덱스로 배포 완료 했습니다.
1:03:23네, 여러분들 네, 오늘 고생
1:03:26많으셨고요. 어, 오늘 이제 이렇게
1:03:282시간 30분 동안 라이브를 하게
1:03:30됐는데 어, 여러분들 너무너무 고생
1:03:32많이 하셨고 여러분들 여기서
1:03:34마무리하면 좋을 것 같습니다. AX
1:03:36자동화 도입을 실제로 고민하고 있는
1:03:37회사들이 상당히 많습니다. 대부분
1:03:39요즘 AI를 어떻게 도입해야 될지
1:03:41조직적으로 어떻게 써야 될지에 대한
1:03:42고민들을 항상 하고 계신 거 같아서
1:03:45어 저희 회사가 그런 것들 좀
1:03:46도와드리고 있다라고 보시면 좋겠고요.
1:03:48어 저뿐만 아니라 또 다른 여러
1:03:50전문가들이 있겠지만 유독 저에게 또
1:03:52연락을 주시는 분들은 또 어 뭐라까
1:03:56AI를 좀 어떻게 하면은 조직적으로
1:03:58잘 쓸 수 있을지에 대한 그런 것들을
1:04:00좀 알고 싶어 하시는 부분이 좀 있는
1:04:02거 같습니다.네 여러분 오늘 너무
1:04:03고생하셨고요.네 여기서 마무리를
1:04:05할게요. 저는 이제 가보도록
1:04:07하겠습니다. 여러분들 좋아요 많이
1:04:08눌러 주시고 빌더 조씨 많이 사랑해
1:04:10주십시오. 너무너무 수고
1:04:12많으셨습니다. 네. 여러분 너무너무
1:04:13수고하셨고요. 어 저희 곧 영상이 또
1:04:17새로 올라가는데 어 여러 뵙도록
1:04:19하겠습니다. 좋은 라이브에서 뵙도록
1:04:22또 하겠습니다. 알겠습니다 여러분.
1:04:24네, 여러분 오늘 여기서 라이브
1:04:25마치도록 하겠습니다. 여러분들 수고
1:04:27마셨습니다.

About this transcript

This page contains the full transcript of Codex가 최고라는 소문 직접 검증합니다, 세팅부터 실전 앱 개발까지 전 과정 공개 (feat. OpenAI) by 빌더 조쉬 Builder Josh, generated from the public captions YouTube serves with the video. The transcript has 8,787 words across 1,750 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.