
โ Expo ์ฌ์ฉ๋ฒ
1. Expo cli ์ค์น(์์ฆ ๊ธฐ์ค์ผ๋ก๋ ํ๋ก์ ํธ ์์ ๋ค์ด์๋ “๋ก์ปฌ Expo CLI”๋ฅผ ์จ์ผ ํจ) (๊ธ๋ก๋ฒ ์ค์น ๊ถ์ฅx)
(ํ๋ก์ ํธ ์ค์นํ๋ฉด npx expo๋ก ๋ช ๋ น์ด๋ค ์ฌ์ฉ๊ฐ๋ฅ)
npm install --global expo-cli
2. Watchman ์ค์น(mac ์ ์ )
( macOS๋ง ๊ธฐ๋ณธ ํ์ผ ๊ฐ์๊ฐ ์ฝํด์ ๋ณด์์ด ํ์)
brew update
brew install watchman
3. Play store๋ App store์์ Expo ์ค์น
4. ํ๋ก์ ํธ ์์ฑ
npx create-expo-app@latest
(๋ค๋ฅธ ํ ํ๋ฆฟ์ ๊ณ ๋ฅด๊ณ ์ถ๋ค๋ฉด --template ์ต์ ์ ์ถ๊ฐ)
5. ๋ก๊ทธ์ธ
npx expo login
โ Web ํ๊ฒฝ์์ ํ๋ก์ ํธ ๋ณด๋ ๋ฐฉ๋ฒ
์ค์น ๋ช ๋ น์ด
npx expo install react-dom react-native-web
โ ์น์์ ์ฝ๋ฉํ๋ ๋ฐฉ๋ฒ(vscode๋ฅผ ์ฌ์ฉํ ์ ์๊ฑฐ๋ nodejs๋ฅผ ๋ค์ด ๋ฐ์ ์ ์๋ ํ๊ฒฝ์ผ ๋)
Snack - React Native in the browser
Write code in Expo's online editor and instantly use it on your phone.
snack.expo.dev
QR ์ฝ๋๋ก ํฐ์์ ๋ชจ๋ํฐ๋ง์ด ๊ฐ๋ฅํ๋ฉฐ, ํฐ์ด ์๋ค๋ฉด ๋ธ๋ผ์ฐ์ ์์๋ android, ios ํ๊ฒฝ์ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ๋๋ฆด ์ ์๋ค.
'๐ธ React Native' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| React Native - 26.01.20 ๊ธฐ์ค ์ต์ Components, API (0) | 2026.01.20 |
|---|---|
| React Native - Android Studio & Xcode ํ๊ฒฝ ์ธํ (m2 macOS) (0) | 2026.01.20 |
| React Native - ๋ฐฐํฌํ๊ธฐ (0) | 2026.01.19 |
| React Native - React Native์๋ง ์๋ CSS ์์ฑ (0) | 2026.01.19 |
| React Native - ๊ธฐ๋ณธ Layout, API (0) | 2026.01.13 |