Claude 크롬 익스텐션
1. Claude 크롬 익스텐션
여기서는 Claude의 크롬 익스텐션을 소개합니다. 웹 페이지 탐색, 정보 추출, 폼 작성 같은 일을 브라우저 안에서 바로 Claude에게 맡길 수 있습니다.
1.1 Claude 크롬 익스텐션이란?
Claude 크롬 익스텐션은 브라우저 안에서 Claude가 직접 웹 페이지를 조작할 수 있게 해주는 확장 프로그램입니다. 지금까지는 Claude에게 무언가를 요청하면 텍스트 답변이나 결과물을 받아 보는 방식이었습니다. 크롬 익스텐션을 쓰면 Claude가 실제로 브라우저를 움직여 버튼을 누르고, 폼을 채우고, 화면의 데이터를 모아 옵니다.
1.2 설치 방법
설치는 간단합니다. 아래 링크에 접속해 크롬 웹 스토어에서 Add to Chrome 버튼을 클릭하기만 하면 됩니다.
아래 화면에서는 이미 설치가 되어 있어 '삭제' 버튼이 보이지만, 처음 설치하는 경우에는 설치 버튼이 나타납니다.
설치가 완료되면 크롬 브라우저 우측 상단에 Claude 아이콘이 나타납니다. 이 아이콘을 클릭해 익스텐션을 활성화합니다. 계정에 로그인되어 있지 않으면 로그인 화면이 먼저 나타나고, 계정 확인이 끝나면 정상적으로 작동합니다.
1.3 기본 사용법
간단한 실험 몇 가지를 해보겠습니다. 먼저, 지금 보고 있는 페이지를 살펴보거나 요약하게 할 수 있습니다.
이 서비스에 책이 몇 권 있지?
'플랜 승인' 버튼을 누르면 Claude가 페이지 정보를 읽어 원하는 결과를 만들어줍니다. 아래는 작업이 모두 끝난 화면입니다.
1.3.1 특정 정보 추출
페이지 정보를 추출해서 JSON이나 CSV 파일로 만들어 내려받을 수 있습니다. JSON과 CSV는 목록이나 표 형태의 데이터를 정리해 담는 파일 형식으로, 추출한 정보를 다른 프로그램에서 그대로 불러와 쓸 때 유용합니다. 예를 들어 아래와 같이 요청할 수 있습니다.
이 페이지에 있는 모든 책 제목과 저자를 JSON 파일로 만들어줘.
1.3.2 버튼 클릭 및 폼 작성
특정 버튼을 누르거나 폼(이름, 이메일 같은 정보를 입력하는 양식)을 채우는 것도 가능합니다.
'베스트셀러 보기' 버튼을 클릭해줘.
폼을 대신 작성하게 할 수도 있습니다.
이 폼을 모두 작성해줘. 모르는 내용이 있다면 임시로 넣어줘.
물론 모르는 내용은 임시 값으로 채우게 했으니, 제출하기 전에 Claude가 넣은 항목을 검토하고 다듬는 과정은 필요합니다. 이런 식으로 메일 작성, 회원 가입, 검색 같은 반복 작업을 브라우저 안에서 Claude에게 맡길 수 있습니다.
1.3.3 Code 탭과 함께 쓰기
8장에서 다룬 Code 탭으로 웹 페이지를 만들고 있다면, 크롬 익스텐션이 좋은 짝이 됩니다. Code 탭에서 만든 결과물을 브라우저에서 열어두고 익스텐션으로 직접 눌러보고 채워보면서 동작을 바로 확인할 수 있기 때문입니다.
다만 익스텐션과 Code 탭이 서로 연결되어 있는 것은 아닙니다. 그래서 익스텐션으로 페이지를 살펴본 뒤에는 "어디를 어떻게 고치면 좋을지 정리해줘. Code 탭에 전달해서 수정할게"라고 요청해, 그 내용을 Code 탭으로 옮겨 고치는 방식이 깔끔합니다.