gatsby-background-image

(★ 251)

Lazy-loading React (multi)background-image component with optional support for the blur-up effect.

파일 탐색기

최종 버전 다운로드 (.zip)
  • .eslintrc.json
  • .gitignore
  • .prettierrc
  • CODE_OF_CONDUCT.md
  • CONTRIBUTING.md
  • jest-transformer.js
  • jest.config.js
  • jest.setup.js
  • lerna.json
  • LICENSE
  • package.json
  • README.md
  • tsconfig.json

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/timhagn/gatsby-background-image

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

cd gatsby-background-image

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

2. Node.js

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
<img src="https://img.shields.io/npm/v/gatsby-background-image.svg" alt="Current npm package version." />

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

<img src="https://img.shields.io/npm/dw/gatsby-background-image.svg" alt="Downloads per week on npm." />

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

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

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

오늘의 추천 프로젝트

union ★ 73,856

검열 저항성, 극도로 높은 보안성, 그리고 탈중앙화 금융(DeFi)에서의 활용을 위해 설계된 신뢰 최소화 영지식 브리징 프로토콜입니다.

Rust
d3 ★ 113,510

SVG, Canvas, HTML을 사용하여 데이터를 생동감 있게 표현해 보세요. :bar_chart::chart_with_upwards_trend::tada:

Shell
spec-kit ★ 130,648

💫 Spec-Driven Development을 쉽게 시작할 수 있도록 도와주는 툴킷

Python
anime ★ 72,308

JavaScript animation engine

JavaScript
AppFlowy ★ 75,808

프로젝트, 위키, 그리고 팀을 AI로 하나로 연결하세요. AppFlowy는 데이터에 대한 통제력을 잃지 않으면서 더 많은 것을 이뤄낼 수 있는 AI 협업 워크스페

Dart
awesome-react ★ 74,352

React 생태계에 관한 멋진 자료 모음
// repository documentation