# Puppeteer Recorder - 브라우저 동작을 퍼펫티어 스크립트로 녹화하기

> Clean Markdown view of GeekNews topic #2682. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2682](https://news.hada.io/topic?id=2682)
- GeekNews Markdown: [https://news.hada.io/topic/2682.md](https://news.hada.io/topic/2682.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-08-20T14:21:22+09:00
- Updated: 2020-08-20T14:21:22+09:00
- Original source: [github.com](https://github.com/checkly/puppeteer-recorder)
- Points: 7
- Comments: 1

## Topic Body

- 브라우저 동작 (마우스 클릭, 타이핑, 폼 입력 ) 등을 퍼펫티어 스크립트로 녹화해주는 크롬 확장

- 어떤 이벤트가 녹화되는지 화면에 표시해 줌

ㅤ→ waitForNavigation, setViewPort 등도 지원

ㅤ→ 스크린샷 ( 페이지 및 클립된 영역 ) 가능

- 녹화후 생성된 코드를 클립보드로 카피해서 바로 사용 가능

## Comments



### Comment 2637

- Author: xguru
- Created: 2020-08-20T14:21:28+09:00
- Points: 1

이 코드는 사이트&API 모니터링 도구인 Checkly 를 만드는 팀이 개발중인 오픈소스이고,

Puppeteer 팀이 직접 만드는 Recorder 프로젝트도 있습니다.

https://github.com/puppeteer/recorder

이 퍼펫티어 팀의 Recorder 는 크롬 확장을 쓰는게 아니라 Puppeteer 를 헤드리스 아닌 상태(non-headless)로 새로 띄워서 그 내용을 녹화 하는 방식 입니다.