클로드를 크롬에 연결하는 방법 (Claude in Chrome)

3:09

클로드가 여러분 대신 브라우저 안에서 직접 클릭하고 작업하게 만드는 설정입니다. 크롬 웹 스토어에서 클로드 확장 프로그램을 추가해 고정하고, 터미널에서 claude를 실행한 뒤 /chrome으로 연결합니다. (원래 메타 광고 강의용으로 녹화해서 데모는 광고 관리자에서 진행되지만, 설정 방법은 이 강의에서 만드는 모든 것에 똑같이 적용됩니다.)

클로드 크롬 확장 프로그램:
https://chromewebstore.google.com/detail/claude/fcoeoabgfenejglbffodgkkbkcdhcgfn

터미널에서:
claude
/chrome

강의 원고

자, 지금까지 터미널에 클로드를 이미 설정하셨을 텐데요. 이제 드디어 클로드에게 크롬 접근 권한을 줄 거예요. 어떻게 하냐면, 먼저 크롬을 열고... 음, 저는 제 프로필을 열게요. 프로필이 참 많죠? 그냥 '클로드 크롬 확장 프로그램'을 검색하시면 돼요. 아주 간단하죠. 그다음 첫 번째 옵션을 클릭하세요. 그러면 크롬에 추가할 수 있는 두 가지 옵션이 나오는데, 저는 추가할게요. 전 이미 해놔서 삭제 옵션이 뜨네요. 아직 안 하셨다면 추가 버튼이 뜰 거예요. 그 파란색 버튼을 꼭 누르세요. 완료되면 저기 예쁜 아이콘이 보일 거예요. 저는 고정해 둬서 계속 보이게 했어요. 그다음 안으로 들어가서... 음, 터미널을 다시 열고 제가 매일 적어도 10번에서 20번은 쓰는 그 멋진 다섯 글자를 입력할게요. 어, 음, 실행이 됐네요. 뭔가 시작된 것 같은데 왜 이렇게 됐는지 모르겠네요. 어, 근데 크롬의 클로드는 크롬 확장 프로그램이랑 같이 작동한다고 하네요. 걱정 마세요. 연결하는 법 보여드릴게요. 그냥 'Chrome'이라고 치면, '어떻게 하시겠어요?'라고 물을 거예요. 보시다시피 저는 이미 사용 중이라 활성화되어 있죠. 사실 이전 영상을 찍었다가 다시 만드는 중이거든요. 어쨌든 핵심은 '확장 프로그램 재연결'을 클릭하기만 하면 다시 실행되고 연결된다는 거예요. 여기서 문제가 생기면 저한테 연락해서 알려주세요. 자, 그 과정이 모두 끝나면 이제 'magicslides.app 웹사이트를 열고 첫 프레젠테이션을 만드는 걸 도와줘'라고 직접 요청할 수 있어요. 정말 많은 일을 할 수 있죠. 관련 없는 건 최대한 배제할 거고요. 단순히 웹사이트를 띄우는 것에서 그치지 않고, 실제로 광고를 어떤 방식으로 돌리는지 구체적으로 살펴볼 예정입니다. 실제로 어떠한 것들이 가능한지, 제가 살짝만 보여드리도록 하겠습니다. 아, 참고로 많은 분이 여러 기술을 쓰시는데, 저는 그러지 않았거든요. 그래서 제가 직접 써보기 전까지는 함부로 말씀드리지 않을게요. 어, 이 허용 및 거부 쿼리 관련해서는 말이죠... 한동안 작업을 계속 진행하다 보면, 제가 나중에 유용한 프롬프트를 하나 따로 드릴게요. 특정 JSON 설정을 활성화하면 이런 걸 매번 일일이 묻지 않게 설정해서, 어느 정도는 스스로 알아서 작동하게 만들 수 있거든요. 음, 보니까 다른 곳에서 지금 열리고 있는 것 같네요. 방금 여기서 무슨 일이 있었는지 들으시면 아마 절대 안 믿기실 거예요. 어, 다른 기기에서요. 음, 그러니까 저한테 이 기기가 있고 오른쪽에 다른 기기가 하나 더 있거든요. 그건 맥북 프로고 이건 아이맥인데, 거기서 작동하고 있네요. 다시 연결해 볼게요. 돌아가서... 'Chrome'이라고 직접 입력하고 '브라우저 선택' 메뉴를 누르면 '브라우저 1'이 뜨네요. 이제 브라우저 1이 정상적으로 연결됐어요. 음, 잠시만요, 다시 한번 시도해 볼게요. /chrome. 크롬이랑... 그리고 크롬의 클로드까지요. 크롬의 클로드로 웹 상호작용을 자동화하세요. 어, 해보죠. 근데 왜 이렇게 시간이 걸리는지 모르겠네요. 아, 죄송해요 여러분. 이건 다음 영상에서 이어서 보여드릴게요. 실제로 어떻게 작동하는지, 광고 전체를 처음부터 만드는 걸 보여드릴게요. 그럼 거기서 봐요.

이 레슨은 바이브코딩 강의의 일부입니다

전체 강의에서는 포트폴리오 사이트, 크롬 확장 프로그램, 아이폰 앱을 처음부터 만들고 출시하는 과정을 모두 보여드립니다. 현재 한국어 더빙은 무료 레슨 4개에만 제공되며, 나머지 강의는 영어로 진행됩니다. 결제는 PayPal(USD)로 진행되고 원화 금액이 함께 표시됩니다.

바이브코딩 강의 전체 보기 →