React Native๋ ๋ฌด์์ธ๊ฐ์?
React Native๋ ๋๊ตฌ๋ JavaScript(ES2015 ๋๋ ES6)๋ฅผ ์ฌ์ฉํ์ฌ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์
์ ๊ฐ๋ฐํ ์ ์๋๋ก ํฉ๋๋ค.
React Native์ Cordova/PhoneGap์ ์ฐจ์ด์
React Native์์๋ HTML5๋ ํ์ด๋ธ๋ฆฌ๋ ์ ํ๋ฆฌ์ผ์ด์
์ ์ฌ์ฉํ์ง ์๊ณ , ์ค์ ๋ค์ดํฐ๋ธ ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์
์ ๊ฐ๋ฐํฉ๋๋ค. JavaScript ์ฝ๋๋ฅผ ์์ฑํ๋ฉด ์ฑ์ ๊ฐ๋ฐํ๋ ๋์ ์๋์ผ๋ก ๋ค์ดํฐ๋ธ ์ปดํฌ๋ํธ๊ฐ ์์ฑ๋ฉ๋๋ค.
React Native ์ฐฝ์์
React๋ Facebook์ ์ํํธ์จ์ด ์์ง๋์ด์ธ Jordan Walke๊ฐ ๊ฐ๋ฐํ์ต๋๋ค. 2011๋
Facebook ๋ด์คํผ๋์, 2012๋
์๋ Instagram.com์ ๋ฐฐํฌ๋์์ต๋๋ค.
์ด๋์์ ์ฌ์ฉํ ์ ์๋์?
๋์ผํ ์ฝ๋๋ก iOS ๋ฐ Android ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์
์ ๋ง๋ค ์ ์์ต๋๋ค.
์ด ์ ํ๋ฆฌ์ผ์ด์
์ ํตํด ๋ฌด์์ ๋ฐฐ์ธ ์ ์๋์?
์ด ์ ํ๋ฆฌ์ผ์ด์
์ ์ฃผ๋ก React Native ์ด๋ณด์๋ฅผ ๋์์ผ๋ก ํฉ๋๋ค. ๋ฐ๋ผ์ ์ต๊ณ ์ ๊ฐ๋จํ ์ฝ๋์ ์์ ๋ฅผ ์ ๊ณตํฉ๋๋ค. ๋ชจ๋ ์์ ๋ ์ดํดํ๊ธฐ ์ฝ๊ฒ ์ค๊ณ๋์ด ๋๊ตฌ๋ React Native๋ฅผ ์ฝ๊ฒ ๋ฐฐ์ธ ์ ์์ต๋๋ค.
์ด ์ฑ์ ์ถ๋ ฅ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ธฐ๋ฅ์ ์ง์ํฉ๋๋ค. ์ฆ, React Native ์ฝ๋๋ฅผ ์์ฑํ๊ณ ์ฆ์ ์ถ๋ ฅ์ ํ์ธํ ์ ์์ต๋๋ค.
ํน์ง
1) ๊ฐ๋จํ ์ค๋ช
2) ํธ์ง๊ธฐ
3) ์ถ๋ ฅ
4) React Native ์ํ ํ๋ก๊ทธ๋จ์ ๋ค์ดํฐ๋ธ apk ํ์ผ
React Native ์๋๋ก์ด๋ ํํ ๋ฆฌ์ผ์ HTML5๋ ํ์ด๋ธ๋ฆฌ๋ ์ฑ์ ์ฌ์ฉํ์ง ์๊ณ ์ค์ ๋ค์ดํฐ๋ธ ๋ชจ๋ฐ์ผ ์ฑ์ ๊ฐ๋ฐํฉ๋๋ค. JavaScript ์ฝ๋๋ฅผ ์์ฑํ๋ฉด ์ฑ์ ๋น๋ํ๋ ๋์ ๋ค์ดํฐ๋ธ ์ปดํฌ๋ํธ๊ฐ ์๋์ผ๋ก ์์ฑ๋ฉ๋๋ค. ์ด React Native ํํ ๋ฆฌ์ผ์ ์ด๋ณด์๋ฅผ ์ํ ๊ฒ์ด๋ฉฐ, React Native ๊ฐ๋จํ ์ฑ ํํ ๋ฆฌ์ผ์ ํ์์ ์ํ ๊ฒ์
๋๋ค.
์ฑ์์ React Native JS๋ฅผ ๋ฐฐ์ฐ๋ฉด ๋ ๋ง์ ์์
๊ณผ ์ค์ ์ฐ์ต ๊ธฐํ๋ฅผ ํตํด ํ์ต ํ๊ฒฝ์ด ํฌ๊ฒ ๊ฐ์ ๋ฉ๋๋ค. React Native ์ปดํฌ๋ํธ๋ ์ ์ธ๊ณ์์ ๊ฐ์ฅ ๋๋ฆฌ ์ฌ์ฉ๋๋ ์น ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ์์ ํ ๋ฌด๋ฃ๋ก ํ์ตํ ์ ์์ต๋๋ค. ํ๋ก๊ทธ๋๋ฐ ์ง์ ์์ด๋ React Native JS ํ๋ก๊ทธ๋๋ฐ ๊ธฐ์ด๋ถํฐ ๊ณ ๊ธ ๋จ๊ณ๊น์ง ํ์ตํ ์ ์๋ ์ฑ์ ์ฐพ๊ณ ์๋ค๋ฉด, ์ฌ๊ธฐ๊ฐ ๋ฐ๋ก ์ ๋ต์
๋๋ค. ํ๋ก๊ทธ๋๋จธ ๊ฒฝํ ์ฌ๋ถ์ ๊ด๊ณ์์ด, ์ด React Native ์ธํฐ๋ทฐ ์ฑ์ React JS ํ๋ก๊ทธ๋๋ฐ์ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ชจ๋ ์ฌ๋์ ์ํ ๊ฒ์
๋๋ค.
์ด๋ณด์๋ถํฐ ์ ๋ฌธ ๊ฐ๋ฐ์๊น์ง ๋๊ตฌ๋ ์คํ๋ผ์ธ์์ React๋ฅผ ๋ฐฐ์ธ ์ ์๋ ํํ ๋ฆฌ์ผ์
๋๋ค. ์ด React Native Starter Lite ๋ฌด๋ฃ ์ฑ์ PHP๋ฅผ ์ฌ์ฉํ์ฌ ์น ํ์ด์ง๋ฅผ ๋์์ธํ๋ ๋ฐฉ๋ฒ์ ์๋ ค์ค๋๋ค. React Native ์คํ๋ผ์ธ์ ์์ํ๊ธฐ ์ฝ๊ณ ๋ฐฐ์ฐ๊ธฐ ์ฝ์ต๋๋ค. React Native ๋ฐฐ๊ฒฝ ์์น ์ถ์ ๋ฐ๋ชจ ์ฑ. ๋ฐฐํฐ๋ฆฌ ์๋ชจ๋ฅผ ์ต์ํํ๋ ๋ชจ์
๊ฐ์ง ์ธํ
๋ฆฌ์ ์ค๋ฅผ ๊ฐ์ถ ๊ฐ์ฅ ์ ๊ตํ ํฌ๋ก์ค ํ๋ซํผ ์์น ์ถ์ ๋ฐ ์ง์คํ์ฑ ํ๋ฌ๊ทธ์ธ์
๋๋ค.
์ด React Native ํ์ต ์ฑ์ React JS ๋ฐ React Native์ ๋ชจ๋ ์ฃผ์ ์ฃผ์ ๋ฅผ ํ๋ฅญํ ์ฝ๋ ์์ ์ ํจ๊ป ์ ๊ณตํฉ๋๋ค. ๋ชจ๋ ์ฃผ์ ์๋ ์ฝ๋ ์์ ๊ฐ ํฌํจ๋์ด ์์ด ์งํ ์ํฉ์ ๋ ์ ์ดํดํ ์ ์์ต๋๋ค. ์๋ฆ๋ค์ด ์ฌ์ฉ์ ์ธํฐํ์ด์ค์ ๋ฐ๋ผํ๊ธฐ ์ฌ์ด ๊ฐ์ด๋๋ฅผ ํตํด ๋ฉฐ์น ๋ง์ React Native Playground์ React Native๋ฅผ ์ตํ ์ ์์ผ๋ฉฐ, ์ด๊ฒ์ด ์ด ์ฑ์ ๋ค๋ฅธ ์ฑ๊ณผ ์ฐจ๋ณํํ๋ ์ ์
๋๋ค. ์ ํฌ๋ React Native Redux JS ๋ฐ React Native์ ์๋ก์ด ์ฃผ์ ๋ฆด๋ฆฌ์ค๊ฐ ์ถ์๋ ๋๋ง๋ค ์ด ์ฑ์ ์ง์์ ์ผ๋ก ์
๋ฐ์ดํธํ๊ณ ๋ ๋ง์ ์ฝ๋ ์กฐ๊ฐ๊ณผ ์์ ๋ฅผ ์ถ๊ฐํ๊ณ ์์ต๋๋ค. react-native showcase๋ FB Inc.์์ ๋ง๋ ์คํ์์ค ๋ชจ๋ฐ์ผ ์ ํ๋ฆฌ์ผ์ด์
ํ๋ ์์ํฌ์
๋๋ค. ๊ฐ๋ฐ์๊ฐ React์ ๋ค์ดํฐ๋ธ ํ๋ซํผ ๊ธฐ๋ฅ์ ํจ๊ป ์ฌ์ฉํ ์ ์๋๋ก ํ์ฌ Android, ์น, UWP์ฉ ์ ํ๋ฆฌ์ผ์ด์
์ ๊ฐ๋ฐํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค.
์ ๋ฝ์์ ์ธ ๋ฒ์งธ๋ก ๊ฐ์ต๋๋ ์ด ์ปจํผ๋ฐ์ค๋ React Native์ ์ค์ ์ ๋์์ต๋๋ค. ์ปค๋ฎค๋ํฐ, ํต์ฌ ๊ธฐ์ฌ์, ํต์ฐฐ๋ ฅ, ๋คํธ์ํน, ๊ทธ๋ฆฌ๊ณ ํ๋ถํ ์ง์์ด ์ค๋ถ ์ ๋ฝ์์ ๊ฐ์ฅ ์๋ฆ๋ค์ด ๋์ ์ค ํ๋์ธ ๋ธ๋ก์ธ ์ํ์์ ์ฌ๋ฌ๋ถ์ ๊ธฐ๋ค๋ฆฝ๋๋ค. ์ดํ ๋์ ๋ค์ดํฐ๋ธ ๊ฐ๋ฐ์ ์ง์ ๊ฒฝํํ๊ณ React Native ํํ ๋ฆฌ์ผ์ ๋ํ ๋ชจ๋ ์ง๋ฌธ์ ๋ํ ๋ต์ ์ป์ผ์ธ์! ์ด React Native ๊ฐ๋จํ ์์ ๋ฌด๋ฃ ์ฑ์ Java ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ์ ๋๋ก ์ดํดํ๊ณ REACT Native๋ฅผ ์ฌ์ฉํ์ฌ ์ฝ๋ฉ์ ์์ํ๋ ๋ฐฉ๋ฒ์ ์๋ ค์ค๋๋ค. ์ฌ๊ธฐ์์๋ ๊ฑฐ์ ๋ชจ๋ ํด๋์ค, ํจ์, ๋ผ์ด๋ธ๋ฌ๋ฆฌ, ์์ฑ, ์ฐธ์กฐ๋ฅผ ๋ค๋ฃน๋๋ค. ์์ฐจ์ ์ธ ํํ ๋ฆฌ์ผ์ ํตํด ๊ธฐ์ด๋ถํฐ ๊ณ ๊ธ ์์ค๊น์ง ํ์ตํ ์ ์์ต๋๋ค.
์
๋ฐ์ดํธ ๋ ์ง
2025. 8. 7.