์ด๊ฒ์ ์ต์ ๋ฆด๋ฆฌ์ค๋ฅผ 1.3.3.tar.gz๋ก ๋ค์ด๋ก๋ํ ์ ์๋ React-native-animatable์ด๋ผ๋ Windows ์ฑ์ ๋๋ค. ์ํฌ์คํ ์ด์ ์ฉ ๋ฌด๋ฃ ํธ์คํ ์ ๊ณต์ ์ฒด์ธ OnWorks์์ ์จ๋ผ์ธ์ผ๋ก ์คํํ ์ ์์ต๋๋ค.
OnWorks์ ํจ๊ป react-native-animatable์ด๋ผ๋ ์ด๋ฆ์ ์ด ์ฑ์ ๋ฌด๋ฃ๋ก ๋ค์ด๋ก๋ํ์ฌ ์จ๋ผ์ธ์์ ์คํํ์ญ์์ค.
์ด ์ฑ์ ์คํํ๋ ค๋ฉด ๋ค์ ์ง์นจ์ ๋ฐ๋ฅด์ธ์.
- 1. ์ด ์ ํ๋ฆฌ์ผ์ด์ ์ PC์ ๋ค์ด๋ก๋ํ์ต๋๋ค.
- 2. ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ ์ ๋ ฅํฉ๋๋ค.
- 3. ์ด๋ฌํ ํ์ผ ๊ด๋ฆฌ์์์ ์ด ์์ฉ ํ๋ก๊ทธ๋จ์ ์ ๋ก๋ํฉ๋๋ค.
- 4. ์ด ์น์ฌ์ดํธ์์ ๋ชจ๋ OS OnWorks ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํ์ง๋ง ๋ ๋์ Windows ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํฉ๋๋ค.
- 5. ๋ฐฉ๊ธ ์์ํ OnWorks Windows OS์์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ผ๋ก ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX๋ก ์ด๋ํฉ๋๋ค.
- 6. ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ค์ด๋ก๋ํ์ฌ ์ค์นํฉ๋๋ค.
- 7. Linux ๋ฐฐํฌ ์ํํธ์จ์ด ์ ์ฅ์์์ Wine์ ๋ค์ด๋ก๋ํฉ๋๋ค. ์ค์น๊ฐ ์๋ฃ๋๋ฉด ์ฑ์ ๋ ๋ฒ ํด๋ฆญํ์ฌ Wine๊ณผ ํจ๊ป ์คํํ ์ ์์ต๋๋ค. ์ธ๊ธฐ ์๋ Windows ํ๋ก๊ทธ๋จ ๋ฐ ๊ฒ์์ ์ค์นํ๋ ๋ฐ ๋์์ด ๋๋ Wine์ ํตํ ๋ฉ์ง ์ธํฐํ์ด์ค์ธ PlayOnLinux๋ฅผ ์ฌ์ฉํด ๋ณผ ์๋ ์์ต๋๋ค.
Wine์ Linux์์ Windows ์ํํธ์จ์ด๋ฅผ ์คํํ๋ ๋ฐฉ๋ฒ์ด์ง๋ง Windows๊ฐ ํ์ํ์ง ์์ต๋๋ค. Wine์ ๋ชจ๋ Linux ๋ฐ์คํฌํ์์ ์ง์ Windows ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋ ์คํ ์์ค Windows ํธํ์ฑ ๊ณ์ธต์ ๋๋ค. ๋ณธ์ง์ ์ผ๋ก Wine์ Windows๊ฐ ํ์ํ์ง ์๊ณ ๋ชจ๋ Windows ์์ฉ ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋๋ก Windows๋ฅผ ์ฒ์๋ถํฐ ์ถฉ๋ถํ ๋ค์ ๊ตฌํํ๋ ค๊ณ ํฉ๋๋ค.
์คํฌ๋ฆฐ ์ท
Ad
๋ฐ์ ๋ค์ดํฐ๋ธ ์ ๋๋ฉ์ด์ ๊ฐ๋ฅ
๊ธฐ์
React Native์ ๋ํ ์ ์ธ์ ์ ํ ๋ฐ ์ ๋๋ฉ์ด์ . ์ ๋๋ฉ์ด์ ์ ์ ์ฉํ๋ ค๋ฉด Animated.createAnimatedComponent์ ์ ์ฌํ createAnimatableComponent ์์ฑ๊ธฐ๋ฅผ ์ฌ์ฉํด์ผ ํฉ๋๋ค. ์ผ๋ฐ์ ์ธ ๊ตฌ์ฑ ์์์ธ ๋ณด๊ธฐ, ํ ์คํธ ๋ฐ ์ด๋ฏธ์ง๋ Animatable ๋ค์์คํ์ด์ค ์๋์ ๋ฏธ๋ฆฌ ๊ตฌ์ฑ๋๊ณ ๋ ธ์ถ๋ฉ๋๋ค. ์ ๋๋ฉ์ด์ ์ ์ ์ฉํ๋ ค๋ ๊ณ ์ ํ ๊ตฌ์ฑ ์์๊ฐ ์๋ ๊ฒฝ์ฐ Animatable.View๋ก ๊ฐ๋จํ ๋ํํ๋ฉด ๋ฉ๋๋ค. ๋ฃจํ ์ ๋๋ฉ์ด์ ์ ๋ง๋ค๋ ค๋ฉด iterationCount๋ฅผ ๋ฌดํ์ผ๋ก ์ค์ ํ๊ธฐ๋ง ํ๋ฉด ๋ฉ๋๋ค. ์ฃผ์๋ฅผ ๋๋ ์ ๋๋ฉ์ด์ ์ ์ ์ธํ ๋๋ถ๋ถ์ ์ ๋๋ฉ์ด์ ์ ๋ฐฉํฅ์ ๋์ฒด๋ก ์ค์ ํ ๋ ๊ฐ์ฅ ์ ์๋ํฉ๋๋ค. ์ง์ ์ ํํ ์คํ์ผ ์์ฑ์ ๊ฐ๋จํ ์ ํ์ ๋ง๋ค ์ ์์ต๋๋ค. ๋ค์ ์์ ๋ ํญํ ๋๋ง๋ค ๊ธ๊ผด ํฌ๊ธฐ๋ฅผ 5์ฉ ๋๋ฆฌ๋ฉฐ, ๋ชจ๋ ์ ๋๋ฉ์ด์ ๋๊ณ ๋ชจ๋ ์ ์ธ์ ์ ๋๋ค! ๊ธฐ๊ฐ ์์ฑ์ ์ ๊ณตํ์ง ์์ผ๋ฉด ์คํ๋ง ์ ๋๋ฉ์ด์ ์ด ์ฌ์ฉ๋ฉ๋๋ค. ์ ํ์๋ React Native 0.15 ์ด์์์ ์ฌ์ฉํ ์ ์๋ StyleSheet.flatten์ด ํ์ํฉ๋๋ค. ๋ ๋ฎ์ ํญ๋ชฉ์์ ์คํ ์ค์ธ ๊ฒฝ์ฐ ํ์ ์ฌ์ฉ์ ์ค๋ช ๋ ๋๋ก ํด๋ฆฌํ์ ์ํํ์ญ์์ค.
ํน์ง
- ๋ชจ๋ ์ ๋๋ฉ์ด์ ์ Animatable ์์์ ๊ธฐ๋ฅ์ผ๋ก ๋ ธ์ถ๋ฉ๋๋ค.
- ์ ๋๋ฉ์ด์ ์ ์ ๋๋ฉ์ด์ ์ด ์ฑ๊ณต์ ์ผ๋ก ์๋ฃ๋๊ฑฐ๋ ์ทจ์๋๋ฉด ํด๊ฒฐ๋๋ ์ฝ์์ ๋ฐํํฉ๋๋ค.
- ์งํ ์ค์ธ ์ ๋๋ฉ์ด์ ์ ์ค์งํ๋ ค๋ฉด ํด๋น ์์์์ stopAnimation()์ ํธ์ถํ๊ธฐ๋ง ํ๋ฉด ๋ฉ๋๋ค.
- ์ฌ์ฉ์ ์ง์ ์ ๋๋ฉ์ด์ ์ ์์์์ animate() ํจ์๋ฅผ ์ฌ์ฉํ์ฌ ๋ช ๋ น์ ์ผ๋ก ์ ๋๋ฉ์ด์ ์ ์ ์ฉํ ์๋ ์์ต๋๋ค.
- ์ ๋๋ฉ์ด์ ์ ์ ์ญ ์ด๋ฆ ๋๋ ์ ์ ๊ฐ์ฒด๋ก ์ฐธ์กฐํ ์ ์์ต๋๋ค.
- ์ฌ๋ฌ ์คํ์ผ์ ๊ฒฐํฉํ์ฌ ์ถ์ ์ ๋๋ฉ์ด์ ๋ง๋ค๊ธฐ
ํ๋ก๊ทธ๋๋ฐ ์ธ์ด
์๋ฐ ์คํฌ๋ฆฝํธ
์ด๊ฒ์ https://sourceforge.net/projects/react-native-animatable.mirror/์์ ๊ฐ์ ธ์ฌ ์๋ ์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋๋ค. ๋ฌด๋ฃ ์ด์ ์ฒด์ ์ค ํ๋์์ ๊ฐ์ฅ ์ฌ์ด ๋ฐฉ๋ฒ์ผ๋ก ์จ๋ผ์ธ์ผ๋ก ์คํํ๊ธฐ ์ํด OnWorks์์ ํธ์คํ ๋์์ต๋๋ค.