react-motion-layout

(β˜… 585)

🦸 Beautiful immersive React hero animations.

파일 탐색기

μ΅œμ’… 버전 λ‹€μš΄λ‘œλ“œ (.zip)
  • .babelrc
  • .eslintrc
  • .gitignore
  • CODE_OF_CONDUCT.md
  • docker-compose.yml
  • LICENSE
  • package-lock.json
  • package.json
  • README.md
  • rollup.config.js

# μ„€μΉ˜ κ°€μ΄λ“œ

1. μ½”λ“œ λ‚΄λ €λ°›κΈ°
git clone https://github.com/jeffersonlicet/react-motion-layout

κΉƒν—ˆλΈŒμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œ 전체λ₯Ό λ‚΄ μ»΄ν“¨ν„°λ‘œ λ‚΄λ €λ°›μŠ΅λ‹ˆλ‹€.

cd react-motion-layout

방금 내렀받은 ν”„λ‘œμ νŠΈ 폴더 μ•ˆμœΌλ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

2. Docker

쉬움 μΆ”μ²œ
사전 μ€€λΉ„λ¬Ό
  • Git GitHubμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œλ₯Ό λ‚΄λ €λ°›μœΌλ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • Docker Desktop μ»¨ν…Œμ΄λ„ˆλ₯Ό λΉŒλ“œν•˜κ³  μ‹€ν–‰ν•˜λ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€. μ„€μΉ˜ ν›„ μ‹€ν–‰ν•΄μ„œ λ°±κ·ΈλΌμš΄λ“œμ— μΌœλ‘μ„Έμš”.
docker compose up -d --build

μ •μ˜λœ λͺ¨λ“  μ»¨ν…Œμ΄λ„ˆ(μ„œλ²„, DB λ“±)λ₯Ό ν•œ λ²ˆμ— λΉŒλ“œν•˜κ³  λ°±κ·ΈλΌμš΄λ“œμ—μ„œ μ‹€ν–‰ν•©λ‹ˆλ‹€.

βœ… 터미널에 docker compose ps λ₯Ό μž…λ ₯ν•΄ μ»¨ν…Œμ΄λ„ˆλ“€μ΄ Up μƒνƒœμΈμ§€ ν™•μΈν•˜μ„Έμš”. README에 포트 λ²ˆν˜Έκ°€ μ ν˜€μžˆλ‹€λ©΄ λΈŒλΌμš°μ €μ—μ„œ http://localhost:포트번호 둜 μ ‘μ†ν•΄λ³΄μ„Έμš”.

3. Node.js

쉬움
사전 μ€€λΉ„λ¬Ό
  • Git GitHubμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œλ₯Ό λ‚΄λ €λ°›μœΌλ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • Node.js npm λͺ…λ Ήμ–΄λ₯Ό μ“°λ €λ©΄ Node.jsκ°€ μ„€μΉ˜λ˜μ–΄ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€. LTS(μž₯기지원) 버전을 μΆ”μ²œν•©λ‹ˆλ‹€.
<a href="https://img.shields.io/npm/dt/react-motion-layout?style=flat-square"><img src="https://img.shields.io/npm/dt/react-motion-layout?style=flat-square"?</a>

이 λͺ…λ Ήμ–΄λ₯Ό 터미널에 κ·ΈλŒ€λ‘œ μž…λ ₯ν•΄ μ‹€ν–‰ν•˜μ„Έμš”.

βœ… λͺ…λ Ήμ–΄ μ‹€ν–‰ ν›„ 터미널에 λ‚˜νƒ€λ‚˜λŠ” μ£Όμ†Œ(보톡 http://localhost:3000 ν˜•νƒœ)λ₯Ό λΈŒλΌμš°μ €μ—μ„œ μ—΄μ–΄λ³΄μ„Έμš”.

이 레포의 README에 적힌 μ‹€μ œ λͺ…λ Ήμ–΄λ₯Ό κ·ΈλŒ€λ‘œ κ°€μ Έμ™”μŠ΅λ‹ˆλ‹€.

였늘의 μΆ”μ²œ ν”„λ‘œμ νŠΈ

ui β˜… 121,773

μ•„λ¦„λ‹΅κ²Œ λ””μžμΈλœ μ ‘κ·Όμ„± 높은 μ»΄ν¬λ„ŒνŠΈ λͺ¨μŒμ΄μž μ½”λ“œ 배포 ν”Œλž«νΌμž…λ‹ˆλ‹€. μ„ ν˜Έν•˜λŠ” ν”„λ ˆμž„μ›Œν¬μ™€ ν•¨κ»˜ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ˜€ν”ˆ μ†ŒμŠ€μ΄λ©° μ½”λ“œκ°€ κ³΅κ°œλ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

TypeScript
axios β˜… 109,196

Promise based HTTP client for the browser and node.js

JavaScript
stable-diffusion-webui β˜… 164,599

Stable Diffusion web UI

Python
uptime-kuma β˜… 90,435

μžμ‹ μ˜ μ„œλ²„μ—μ„œ ν˜ΈμŠ€νŒ…ν•˜λŠ” κ°μ‹œ 도ꡬ

JavaScript
Understand-Anything β˜… 80,004

감동을 μ£ΌλŠ” κ·Έλž˜ν”„λ³΄λ‹€ κ°€λ₯΄μ³μ£ΌλŠ” κ·Έλž˜ν”„κ°€ 더 μ’‹μŠ΅λ‹ˆλ‹€. μ–΄λ–€ μ½”λ“œλ“  νƒμƒ‰ν•˜κ³ , κ²€μƒ‰ν•˜κ³ , μ§ˆλ¬Έν•  수 μžˆλŠ” μΈν„°λž™ν‹°λΈŒ 지식 κ·Έλž˜ν”„λ‘œ λ³€ν™˜ν•˜μ„Έμš”. Claude Co

TypeScript
spec-kit β˜… 130,648

πŸ’« Spec-Driven Development을 μ‰½κ²Œ μ‹œμž‘ν•  수 μžˆλ„λ‘ λ„μ™€μ£ΌλŠ” νˆ΄ν‚·

Python
// repository documentation