React Native Vs Expo
React Native vs Expo
ํ์ฌ์ ์ ์ฌํด์ ๊ฐ์ฅ ๋จผ์ ๊ฒฐ์ ํด์ผํ๋๊ฑด ์์ React Native๋ฅผ ์ธ์ง Expo ์ฌ์ฉํด์ ํฌ๋ก์ค ํ๋ซํผ ์ฑ์ ๋ง๋ค์ง ์๋ค. ๋ฐ๋ ์ด ๋๋ ์๊ฐ๋์ ๊ฐ๋ฐ ๋ฐ ์ ์ง๋ณด์๋ฅผ ํตํ ๊ฒฝํ์ ํ๊ณ ํ๋ค.
๐์ฐจ์ด์
Expo์ ์์ React Native์ ๊ฐ์ฅ ํฐ ์ฐจ์ด์ ์ JS๋ง ์ฐ๋ Native์ ๊ฐ์ด ์ฐ๋ ์ธ๊ฒ ๊ฐ๋ค. ์ด๋ ์คํํธ์ ์ด๋ ์๊ท๋ชจ๋ก ๋น ๋ฅด๊ฒ ์๋น์ค๋ฅผ ์ ๊ณตํ๊ธธ ์ํ๋ ๊ณณ์์ ์ฌ์ฉํ๊ธฐ์ ๋ญ๊ฐ React Native๋ฅผ ์ฌ์ฉํ๊ธฐ์ ๋ง์ง ์๋ค๊ณ ๋ ์๊ฐ์ด ๋ ๋ค. ๊ฒฐ๊ตญ Native๋ฅผ ๊ฑด๋ ๋ค๋๊ฑด ๋ ์ธ์ด ๋ฐ ์ํคํ ์ณ๋ฅผ ๋ค๋ฃฐ์ ์๋ ๊ฐ๋ฐ์๋ผ๋ ๊ฑด๋ฐ ์ด๋ฐ ๊ฐ๋ฐ์๊ฐ ํํ๋ค๊ณ ์๊ฐ์ด ๋ค์ง ์๋๋ค.
- ๊ฐ๋ฐํ๊ฒฝ
- Expo
- VScode์ ๊ฐ์ ์๋ํฐ๋ง ์์ผ๋ฉด ๋๊ณ , Expo Go์ฑ์ ํตํด์ ๋ฏธ๋ฆฌ ๋น๋ํ ์ฑ์ ์คํํด ๋ณผ์ ์๋ค.
- Expo์์ ์ ๊ณตํ์ง ์๋ ๊ธฐ๋ฅ์ ์์ ํ๊ฑฐ๋ ์ถ๊ฐํ๋ ค๋ฉด React Native๋ ์ฐจ์ด๊ฐ ์๋ค. (์์๋ก Android์์๋ 2000px์ ๋ ๋๋ ์ด๋ฏธ์ง๋ฅผ ๋ณด์ฌ์ฃผ๋ คํ๋ฉด ์๋์ผ๋ก ๋ค์ด๊ทธ๋์ด๋ ์์ผ์ ๋ณด์ฌ์ค๋ค. ์ด๋ถ๋ถ์ ํด๊ฒฐํ๊ธฐ ์ํด์ Native์ฝ๋๋ฅผ ๊ฑด๋ค์ด์ผ ํ์๋ค. ๊ฒฐ๊ตญ ์ด๋ฏธ์ง๋ฅผ ์๋ผ์ ์ฌ๋ฆฌ๋ ๊ธฐ๋ฅ์ ์ถ๊ฐํ๊ณ ์๋ฅธ ์ด๋ฏธ์ง๋ฅผ ๋ณด์ฌ์ฃผ๋ ์์ผ๋ก ์ด์๋ฅผ ํด๊ฒฐํ๋ค.)
- windows์์๋ ์์ดํฐ๋ง ์์ผ๋ฉด IOS๊ฐ๋ฐ์ด ๊ฐ๋ฅ
- React Native
- Android Studio, Xcode์ ๊ฐ์ ํด์ด ํ์ ์ด๋ฉฐ, JAVA(or Kotlin), Swit(or Objective-C), JS์ด 3๊ฐ์ง ์ธ์ด ๋ฐ ํด์ ๋ค๋ฃฐ์ค ์์์ผํ๋ค.
- ์ 3๊ฐ์ง๋ฅผ ์ ๋ค๋ฃฐ์ค ์๋ค๋ฉด ๋ฌธ์ ๊ฐ ์๋ค.
- macOS๊ฐ ์๋ ๊ฒฝ์ฐ IOS ๊ฐ๋ฐ์ด ๋ถ๊ฐ๋ฅํ๋ค.
- ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฐ ๋ชจ๋
- Expo
- Push Notification, Facebook Login, Google Maps ๋ฑ๊ณผ ๊ฐ์ ๊ธฐ๋ณธ ๋ชจ๋์ ์ ๊ณต
- ์ ๊ณตํ์ง ์๋ ๋ชจ๋์ ๊ฐ๋ฐ์๊ฐ ์ง์ ๊ฐ๋ฐํด์ผ ํ์ง๋ง ๊ธฐ์ ์ ํ๊ณ๊ฐ ์์ ๊ฒฝ์ฐ X
- React Native
- Expo์์๋ ์ ๊ณตํ์ง ์๋ ๊ธฐ์ ์ ๊ณตํ๋ ๊ฒฝ์ฐ๊ฐ ๋ช๋ช ์์(Kakao Login, FastImage => Expo sdk 48.0.0์ ์๋ ์ง์x, masonry list ๋ฑ)
- ์ฑ๋ฅ
- ๋์ ์ฐจ์ด๋ ๊ฑฐ์ ๋์ง ์๋๋ค ๊ฒฐ๊ตญ Expo๋ React Native ํ์ฅ์ธ๋ฐ ํฐ์ฐจ์ด๊ฐ ๋ ์๊ฐ ์๋ค. ํ์ง๋ง React Native์์๋ ๊ฒฐ๊ตญ Native๋ฅผ ๊ฑด๋ค๊ธฐ ๋๋ฌธ์ ์ฝ๋๋ฅผ ๋น๋ํ๊ฑฐ๋ ๋ก๋ฉ์ ์ฝ๊ฐ์ ์ฐพ์ด๊ฐ ๋๋ค.
๐๊ฒฐ๋ก
๊ฒฐ๊ตญ์ ํญ์ ๋ชจ๋ ๊ฐ๋ฐ์๊ฐ ๋งํ์ง๋ง ์ ๋ต์ ์๋ค. ํฌ๋์ค ํ๋ซํผ์ด ์๋ฌด๋ฆฌ ์ข๋คํด๋ ๊ฒฐ๊ตญ ํ๊ณ์ ์ ํญ์ ๋ง์ฃผํ๋ค. ๊ทธ๋ ๋ค๊ณ ๋ชจ๋ ๊ณณ์ ๋จ์ ๋ง ์๋๊ฒ ์๋๋ผ ์ฅ์ ๋ ์๋ค. ํ๋ฌผ๋ฉฐ Flutter๋ ์ข์ ์ฝ๋ ๊ฒฝํ์ผ๋ก ๋ง์ ๊ฐ๋ฐ์๋ค์ด ์ข์ํ์ง๋ง React Native์ CodePush๋ผ๋์ง Dart๋ผ๋ ์ ์ ์ธ์ด๋ผ๋์ง์ ํ๊ณ๊ฐ ์กด์ฌํ๋ค. ๋ฐ๋ ์ด ๋๋ ์๊ฐ๋์ ๋ผ์ด๋ธ ์ปค๋จธ์ค๋ฅผ ์ด์ํ๊ณ ์์ง๋ง ํฌ๊ฒ ๋ถํธํ ์ ์ ๋๋ผ์ง๋ ๋ชปํ๋ค. ๊ฒฐ๊ตญ ํด๊ฒฐ์ ์ ์ฐพ๊ฒ ๋์ด์๊ณ ๊ทธ ๋ถ๋ถ์ ๊ฐ๋ฐ์์ ์ญ๋์ ๋ฌ๋ ธ๋ค๊ณ ์๊ฐํ๋ค.