[codex] chrome 확장 플러그인을 이용한 자동화

codex에서 크롬확장 기능을 제공한다. 플러그인 형태로 제공함으로 codex의 플러그인 메뉴로 가서 설치를 하면 크롬 브라우저를 호출하고 그곳에서 codex 크롬확장을 확장하면 사용할 수 있다. 

 

codex 크롬 확장이 주는 가장 큰 장점은 "어려운 설치" 없이 codex에서 프롬프트만으로 "웹페이지 정보수집 및 리포트 만들기"가 가능해진 것이다. 이전에는 codex내의 playwright mcp와 같은 개발자 지식이 어느정도 있는 mcp를 사용하여 웹페이지를 "스크래핑 또는 크롤링" 했지만 이제는 플러그인을 사용하면서 "소프트웨어"를 사용하듯 자유자제로 웹페이지 정보를 가져온 후, 리포트를 만들 수 있다. 

 

1. 사용법

프롬프트 창에서 @chrome을 입력하면 크롬 확장을 설치할 수 있다. 

 

 

2. 예제 1: 주식정보

예제를 보여주기 위해 주식정보를 리포트하는 방법을 정리한다. 

 

1. 크롬에서 브라우저를 통해 두산주가를 검색한다. 

2. 화면에 두산 주가가 그래프와 함께 나온다. 

3. codex를 실행시킨다. 

4. codex에서 @Chrome 을 입력하여 크롬 플러그인을 활성화한다. 

5. 다음과 같은 프롬프트를 입력한다. 

@chrome 현재 활성화된 페이지에서 주가 그래프와 그 정보를 요약하여 report.html에 저장한다.

그러면 실행시킨 크롬화면의 탭에서 다음과 같이 작업이 진행 중임을 알려준다. 

 

그리고 다음과 같이 html이 완성된다. 

 

위의 예제에서 사용한 프롬프트는 모호한 내용으로 했기에 대략적인 내용으로 리포트가 완성되었다. 그러므로 프롬프트가 구체적일 수록 원하는 정확하고 세밀한 리포트를 만들 수 있다.

 

3. 예제 2: 가격정보

예제를 보여주기 위해 크롬 브라우저에서 쿠팡의 아무 상품이나 이동한 후, 다음과 같은 프롬프트를 codex에서 요청한다. 

 

그러면 실행되어 있는 브라우저를 chrome 확장이 제어하는 표시를 다음과 같이 보여준다. 

그리고 진행과정을 codex에서 실시간으로 알려준다. 

 

요청이 완료되면 어떤 식으로 작업하고 정리가 되었는 지 요약한 정보를 출력한다. 

 

요청한 report가 html로 생성되었다.

 

 

 

4. 예제 3:  브라우저 자동화

크롬확장은 기본적으로 "브라우저 자동화"를 제공한다. 즉, 사용자가 프롬프트로 브라우저에서 할 행동들(웹페이지 이동, 검색, 정보입력, 마우스 처리 등등)을 지정하면 그대로 실행된다. 

 

다음은 크롬확장을 이용한 자동화 프롬프트 예제이다. 

 

@chrome 지금 브라우저에서 http://www.google.com으로 이동 후, 
검색창에 codex를 입력한 후 검색한다. 
그리고 그 결과 중에 codex 다운로드 페이지가 있으면 
그 사이트를 정보를 드래그로 선택한다.

 

다음은 결과 화면이다. 

 

 

 

이를 이용하여 웹사이트 자동 로그인 및 자동 클릭과 같은 내용을 구현할 수 있다.