react-carousel

(★ 1,069)

A pure extendable React carousel, powered by Brainhub (craftsmen who ❤️ JS)

파일 탐색기

최종 버전 다운로드 (.zip)
  • .dockerignore
  • .editorconfig
  • .eslintignore
  • .eslintrc
  • .gitignore
  • .npmrc
  • .nvmrc
  • .prettierignore
  • .prettierrc
  • .releaserc
  • commitlint.config.js
  • cypress.json
  • dangerfile.js
  • docker-compose.e2e.yml
  • Dockerfile.e2e
  • LICENSE.md
  • package.json
  • README.md
  • renovate.json
  • yarn.lock

🚀 설치 가이드

1. 코드 내려받기
git clone https://github.com/brainhubeu/react-carousel

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

cd react-carousel

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

2. Docker

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

compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.

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

3. Node.js

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

이 명령어를 터미널에 그대로 입력해 실행하세요.

npm i @types/brainhubeu__react-carousel -D

이 명령어를 터미널에 그대로 입력해 실행하세요.

yarn test:unit:coverage

이 명령어를 터미널에 그대로 입력해 실행하세요.

yarn test:e2e

이 명령어를 터미널에 그대로 입력해 실행하세요.

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

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

오늘의 추천 프로젝트

ui-ux-pro-max-skill ★ 117,300

다수의 플랫폼을 위한 전문적인 UI/UX 구축에 디자인 지능을 제공하는 AI SKILL

Python
ChinaTextbook ★ 79,814

모든 초·중·고, 대학교 PDF 교재.

Roff
syncthing ★ 87,713

오픈소스 지속적 파일 동기화

Go
awesome-llm-apps ★ 132,871

100개 이상의 AI Agents, Agent Skills 및 RAG Apps - 무료 오픈소스.

Python
flask ★ 72,159

웹 applications를 구축하기 위한 Python 마이크로 framework입니다.

Python
ComfyUI ★ 127,939

그래프/노드 인터페이스를 갖춘 가장 강력하고 모듈화된 확산 모델(diffusion model) GUI, API 및 백엔드.

Python
// repository documentation