rrweb

(★ 20,063)

웹 녹화 및 재생

파일 탐색기

최종 버전 다운로드 (.zip)
  • .editorconfig
  • .eslintignore
  • .eslintrc.js
  • .gitattributes
  • .gitignore
  • .markdownlint.yml
  • .npmignore
  • .prettierignore
  • .prettierrc
  • .puppeteerrc.cjs
  • .release-it.json
  • .yarnrc.yml
  • CHANGELOG.md
  • CODE_OF_CONDUCT.md
  • CONTEXT.md
  • CONTRIBUTING.md
  • Dockerfile.webkit-test
  • Dockerfile.webkit-test.dockerignore
  • guide.md
  • guide.zh_CN.md
  • LICENSE
  • package.json
  • README.md
  • README.zh_CN.md
  • SECURITY.md
  • tsconfig.base.json
  • tsconfig.eslint.json
  • tsconfig.json
  • turbo.json
  • vite.config.default.ts
  • vitest.config.ts
  • vitest.workspace.ts
  • yarn.lock

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/rrweb-io/rrweb

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd rrweb

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker build -f Dockerfile.webkit-test -t rrweb .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

docker run -p 8080:80 rrweb

빌드된 이미지를 실제 컨테이너로 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

3. Node.js

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

오늘의 추천 프로젝트

tailwindcss ★ 97,294

신속한 UI 개발을 위한 유틸리티 우선 CSS 프레임워크입니다.

TypeScript
build-your-own-x ★ 541,774

좋아하는 기술을 밑바닥부터 직접 구현하며 프로그래밍을 마스터하세요.

Markdown
Scrapling ★ 75,655

🕷️ 단일 요청부터 대규모 크롤링까지 모든 것을 처리하는 적응형 Web Scraping 프레임워크입니다!

Python
hermes-agent ★ 233,851

당신과 함께 성장하는 agent

Python
unsloth ★ 74,217

Unsloth는 Kimi K3, Gemma 4, Qwen3.6, DeepSeek-V4, GLM 및 기타 모델을 학습하고 실행하기 위한 로컬 UI입니다.

Python
vite ★ 82,446

차세대 프론트엔드 툴링. 정말 빠릅니다!

TypeScript
// repository documentation