react-native-shared-element

(β˜… 2,331)

Native shared element transition "primitives" for react-native πŸ’«

파일 탐색기

μ΅œμ’… 버전 λ‹€μš΄λ‘œλ“œ (.zip)
  • .eslintrc.js
  • .gitattributes
  • .gitignore
  • babel.config.js
  • CHANGELOG.md
  • LICENSE.txt
  • package.json
  • README.md
  • RNSharedElement.podspec
  • set-android.gif
  • set-ios.gif
  • tsconfig.json
  • yarn.lock

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

1. μ½”λ“œ λ‚΄λ €λ°›κΈ°
git clone https://github.com/IjzerenHein/react-native-shared-element

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

cd react-native-shared-element

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

2. .NET

보톡 μΆ”μ²œ
사전 μ€€λΉ„λ¬Ό
  • Git GitHubμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œλ₯Ό λ‚΄λ €λ°›μœΌλ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • .NET SDK dotnet λͺ…λ Ήμ–΄λ₯Ό μ“°κΈ° μœ„ν•œ SDKμž…λ‹ˆλ‹€.
cd windows

이 ν”„λ‘œμ νŠΈμ˜ κ΄€λ ¨ 파일이 ν•˜μœ„ 폴더 μ•ˆμ— μžˆμ–΄μ„œ, λ¨Όμ € κ·Έ ν΄λ”λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

dotnet restore

ν”„λ‘œμ νŠΈμ— ν•„μš”ν•œ νŒ¨ν‚€μ§€λ₯Ό λ‚΄λ €λ°›μŠ΅λ‹ˆλ‹€.

dotnet run

ν”„λ‘œμ νŠΈλ₯Ό λΉŒλ“œν•˜κ³  λ°”λ‘œ μ‹€ν–‰ν•©λ‹ˆλ‹€.

βœ… dotnet run μ‹€ν–‰ ν›„ 터미널에 λ‚˜νƒ€λ‚˜λŠ” μ•ˆλ‚΄ λ©”μ‹œμ§€λ‚˜ μ£Όμ†Œλ₯Ό ν™•μΈν•˜μ„Έμš”.

3. Gradle (Java/Kotlin)

보톡
사전 μ€€λΉ„λ¬Ό
  • Git GitHubμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œλ₯Ό λ‚΄λ €λ°›μœΌλ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • JDK (Java) Java/Kotlin ν”„λ‘œμ νŠΈλ₯Ό λΉŒλ“œ/μ‹€ν–‰ν•˜λ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • Gradle λ ˆν¬μ— ν¬ν•¨λœ gradlew(Gradle Wrapper)λ₯Ό μ“°λ©΄ Gradle을 λ”°λ‘œ μ„€μΉ˜ν•  ν•„μš”κ°€ μ—†μŠ΅λ‹ˆλ‹€.
cd android

이 ν”„λ‘œμ νŠΈμ˜ κ΄€λ ¨ 파일이 ν•˜μœ„ 폴더 μ•ˆμ— μžˆμ–΄μ„œ, λ¨Όμ € κ·Έ ν΄λ”λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

./gradlew build

Gradle둜 λΉŒλ“œλ₯Ό μ§„ν–‰ν•©λ‹ˆλ‹€.

βœ… BUILD SUCCESSFUL λ©”μ‹œμ§€κ°€ 뜨면 μ„±κ³΅μž…λ‹ˆλ‹€. build/ 폴더에 결과물이 μƒμ„±λ©λ‹ˆλ‹€.

4. Node.js

쉬움
사전 μ€€λΉ„λ¬Ό
  • Git GitHubμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œλ₯Ό λ‚΄λ €λ°›μœΌλ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • Node.js npm λͺ…λ Ήμ–΄λ₯Ό μ“°λ €λ©΄ Node.jsκ°€ μ„€μΉ˜λ˜μ–΄ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€. LTS(μž₯기지원) 버전을 μΆ”μ²œν•©λ‹ˆλ‹€.
yarn add react-native-shared-element

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

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

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

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

create-react-app β˜… 103,294

λͺ…λ Ήμ–΄ ν•˜λ‚˜λ‘œ μ΅œμ‹  μ›Ή 앱을 μ„€μ •ν•˜μ„Έμš”.

JavaScript
MoneyPrinterTurbo β˜… 104,509

AI λŒ€ν˜• μ–Έμ–΄ λͺ¨λΈκ³Ό μžλ™ν™” μ›Œν¬ν”Œλ‘œμš°λ₯Ό ν™œμš©ν•΄ μ£Όμ œλ‚˜ ν‚€μ›Œλ“œ ν•˜λ‚˜λ‘œ κ³ ν™”μ§ˆ 숏폼 μ˜μƒμ„ μ›ν΄λ¦­μœΌλ‘œ μƒμ„±ν•©λ‹ˆλ‹€. Generate HD short videos f

Python
vue β˜… 210,224

이 μ €μž₯μ†ŒλŠ” Vue 2λ₯Ό μœ„ν•œ κ²ƒμž…λ‹ˆλ‹€. Vue 3λŠ” https://github.com/vuejs/core λ₯Ό λ°©λ¬Έν•˜μ„Έμš”.

TypeScript
awesome-cpp β˜… 72,786

멋진 C++ (λ˜λŠ” C) ν”„λ ˆμž„μ›Œν¬, 라이브러리, λ¦¬μ†ŒμŠ€ 및 ν₯미둜운 것듀을 μ—„μ„ ν•œ λͺ©λ‘μž…λ‹ˆλ‹€. awesome-... μ‹œλ¦¬μ¦ˆμ—μ„œ μ˜κ°μ„ λ°›μ•˜μŠ΅λ‹ˆλ‹€.
ollama β˜… 178,706

Kimi-K2.6, GLM-5.2, MiniMax, DeepSeek, gpt-oss, Qwen, Gemma 및 기타 λͺ¨λΈλ“€μ„ λ°”λ‘œ μ‹œμž‘ν•΄ λ³΄μ„Έμš”.

Go
fucking-algorithm β˜… 135,358

LeetCodeλ₯Ό κ²©νŒŒν•˜μ„Έμš”. μ–΄λ–»κ²Œ ν•΄μ•Ό ν•˜λŠ”μ§€λΏλ§Œ μ•„λ‹ˆλΌ, μ™œ κ·ΈλŸ°μ§€κΉŒμ§€ μ΄ν•΄ν•˜λ©΄μ„œμš”.

Markdown
// repository documentation