React Native - React Native ์‹œ์ž‘ํ•˜๊ธฐ

2026. 1. 12. 16:52ยท๐Ÿ›ธ React Native

React Native

 

 

โœ… 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๋ฅผ ๋‹ค์šด ๋ฐ›์„ ์ˆ˜ ์—†๋Š” ํ™˜๊ฒฝ์ผ ๋•Œ)


https://snack.expo.dev/

 

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
'๐Ÿ›ธ React Native' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • React Native - Android Studio & Xcode ํ™˜๊ฒฝ ์„ธํŒ…(m2 macOS)
  • React Native - ๋ฐฐํฌํ•˜๊ธฐ
  • React Native - React Native์—๋งŒ ์žˆ๋Š” CSS ์†์„ฑ
  • React Native - ๊ธฐ๋ณธ Layout, API
j2yonghwa
j2yonghwa
Trying to be a fullstack developer ๐Ÿš€
  • j2yonghwa
    j2yonghwa
    j2yonghwa
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (156)
      • โฐ Daily WakaTime (1)
      • ๐Ÿ–๏ธ ๋…ธ๋งˆ๋“œ์ฝ”๋” (2)
      • ๐Ÿบ Dev Setup (3)
      • ๐Ÿ”ญ Tech Info (1)
      • ๐Ÿšซ Error (1)
      • ๐Ÿ“‚ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ (23)
      • ♣๏ธ Next.js 14 (10)
      • ♠๏ธ Next.js 12 (20)
      • ๐Ÿ›ธ React Native (12)
      • ๐Ÿฆ‹ TypeScript (1)
      • ๐Ÿ Python (2)
      • ๐ŸŒŠ TailwindCSS (4)
      • ๐Ÿงฉ SQL (25)
      • ๐Ÿ’Ž Prisma (5)
      • ๐ŸŒฑ MongoDB (4)
      • ๐ŸŽฏ Redis (1)
      • ๐Ÿงฌ GraphQL (2)
      • ๐Ÿ”ฅ Firebase (7)
      • ๐Ÿ’ธ Third-Party Services (2)
      • ๐Ÿ•ธ๏ธ Web (1)
      • ๐Ÿ† ์ฝ”๋”ฉํ…Œ์ŠคํŠธ (23)
      • ๐Ÿ“™ ๋ชจ๋”ฅ๋‹ค (5)
      • ๐Ÿ“— ์ฝ”ํ…Œ ํ•ฉ๊ฒฉ์ž ๋˜๊ธฐ -JS- (0)
      • ๐Ÿ“˜ ํด๋ฆฐ์ฝ”๋“œ (0)
      • ๐Ÿฏ ๊ฟ€ํŒ ๐Ÿ (1)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
  • ๋งํฌ

    • ๊นƒํ—™
  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
    mongoDB
    React Native
    API
    dev setup
    Firebase
    Next.js
    ๋ชจ๋”ฅ๋‹ค
    SQL
    Prisma
    ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
    0๋ ˆ๋ฒจ
    next.js 12
    Python
    PostgreSQL
    tailwindcss
    MySQL
    ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ž…๋ฌธ
    next.js 14
    react router
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.3
j2yonghwa
React Native - React Native ์‹œ์ž‘ํ•˜๊ธฐ
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”