https://www.hanl.tech/blog/native-vs-hybrid-vs-pwa/
๋ค์ดํฐ๋ธ ์ฑ(Native App) vs ํ์ด๋ธ๋ฆฌ๋ ์ฑ(Hybrid App) vs ํ๋ก๊ทธ๋ ์๋ธ ์น ์ฑ(PWA) - ์ ์์ ์ฅ๋จ์ | ํ
์ฒซ ์์ดํฐ์ด 2007๋ 6์์ ์ถ์๋ ํ ํญ๋ฐ์ ์ธ ๋ณํ์ ์ฑ์ฅ์ ๊ฒช์ด์จ ๋ชจ๋ฐ์ผ ์ฑ ์์ฅ. ์ค๋ ํ์ฌ์๋ ๋ค์ํ ๋ฐฉ๋ฒ์ผ๋ก ๋ชจ๋ฐ์ผ ์ฑ์ ๊ฐ๋ฐํ ์ ์๋ค. ๋ฌธ์ ๋ – ์ด๋ […]
www.hanl.tech
์๋๋ก์ด๋์ฑ๊ณผ ios์ฑ์ผ๋ก ๋๋ ์ง๋๋ฐ,
์ธ์ด๊ฐ ๋ฌ๋ผ์ ํธํ์ด ๋์ง ์์ ๊ฐ์ด ๋ง๋ค ์๋ ์๋ค.
์๋๋ก์ด๋๋ ์์ ์๋ ์๋ฐ๋ฅผ ๋ง์ด ์ฌ์ฉํ๋๋ฐ, ํ์ฌ๋ ์ฝํ๋ฆฐ์ ์ฃผ๋ก ์ฌ์ฉํ๋ค๊ณ ํ๋ค.
IOS๋ ์ฃผ๋ก ์ค์ํํธ๋ผ๋ ์ธ์ด๋ฅผ ์ฌ์ฉํด ์ ์ํ๋ค๊ณ ํจ
ํ์ง๋ง ํฌ๋ก์ค ํ๋ซํผ์ ์ฌ์ฉํ์ฌ ํ ๋ฒ ๊ฐ๋ฐ๋ก ๋ ๋ค ์ฌ์ฉ์ด ๊ฐ๋ฅํ๊ฒ๋ ํ๋ ํ์ด๋ธ๋ฆฌ๋์ฑ์ด ๋์๋ค.
๋ํ์ ์ธ ํฌ๋ก์ค ํ๋ซํผ์ ์๋์ ๊ฐ์
<React Native , ํ๋ฌํฐ>
๊ทธ ์ค React Native ๋ ๋ฐฐ์ ๋ React์ ๊ฑฐ์ง ๋์ผํ๊ธฐ ๋๋ฌธ์
๋ฐ๋ก ์ธ์ด๋ฅผ ๋ฐฐ์ฐ์ง ์์๋ ๋๋ค.
ํ์ง๋ง React Native๋ก ios ์ฑ์ ๋ง๋ค๊ธฐ ์ํด์๋ ๋งฅ๋ถ์ด ์์ด์ผํ๋ค.

c๋๋ผ์ด๋ธ์ expo ํด๋ ์์ฑ ํ ๋ฐํํ๋ฉด์ ๋ฐ๋ก๊ฐ๊ธฐ ๋ง๋ ๋ค.

https://docs.expo.dev/get-started/create-a-project/
Create a project
Learn how to create a new Expo project and run it on your device.
docs.expo.dev
expo ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ์ฌ ๋ ํธํ๊ฒ ๋ง๋ค ์ ์๋ค๊ณ ํจ

expo ํด๋๋ฅผ git bash๋ก ์คํํ์ฌ ๊ทธ๋๋ก ์ ๋ ฅํ๋ค.


์ฒ์์ code๋ก ์ด๋ฉด ์๋์ ๊ฐ์ด ๊ตฌ์ฑ๋์ด ์๋ ๊ฒ์ ํ์ธํ ์ ์๋ค.

rpm run start ํ๋ฉด qr์ฝ๋๊ฐ ์์ฑ๋๋ค.


๊ทธ ์ ์ ์๋์ ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ค์นํ๋ค.

expo์ ๊ฐ์ ์ ํ๋ค.
https://expo.dev/accounts/jonniex
Expo
Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.
expo.dev
=
๊ตฌ๊ธ ์ฑ์คํ ์ด์์ expo ์ค์นํ๋ค.
์คํํด์ qr์ธ์ฆ ํ๋ฉด
qr์ธ์ฆํ ๋ ์ธํฐ๋ท ๋์ผํ๊ฑฐ ์ฌ์ฉํด์ผํจ(์์ดํ์ด)
ํฐ ๋ฐฐ๊ฒฝ์ ๋ฌธ๊ตฌ๊ฐ ์ถ๋ ฅ๋๋ค.
App.js์์ ์์ ํ๋ฉด ํด๋น ๋ฌธ๊ตฌ๊ฐ ์ฑ์์ ํ์ธ๋๋ค.


ํฐ๋ฏธ๋์์ r์ ๋๋ฅด๋ฉด ์ฑ์ ๋ฆฌ์คํํธ ํ ์ ์๋ค.
์ค๋งํธํฐ์ผ๋ก ์ฐ๊ฒฐํด์ ํ์ธํ๊ฑฐ๋ ์๋๋ก์ด๋ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์ปดํจํฐ์ ์ค์นํ์ฌ
ํ์ธํ ์ ์๋ค.
ํ์ง๋ง ์๋๋ก์ด๋ ์๋ฎฌ๋ ์ดํฐ๋ ์ฌ์์ด ์์ข์ผ๋ฉด ๋ง์ด ๋๋ ค์
์ค๋งํธํฐ์ผ๋ก ํ๋ฉด ๋ ๋นจ๋ผ์ ์ค๋งํธํฐ์ผ๋ก ์งํํจ.
'FRONTEND > ReactNative' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [์ ๊ธฐ์ฐจ ์ถฉ์ ์ ์ฐพ๊ธฐ ์ฑ]ํ๋ก์ ํธ ์์ (0) | 2024.02.06 |
|---|---|
| [TodoApp] TodoApp๋ง๋ค๊ธฐ (1) | 2024.02.05 |
| [๋ ์จ์ฑ] expo ๋ฐฐํฌ์ฉ ์ฑ ๋ง๋ค๊ธฐ (0) | 2024.02.01 |
| [๋ ์จ์ฑ] ํ์ฌ ์์น ํ์ธ ๋ฐ ์คํ์จ๋ API ์ฌ์ฉํ์ฌ ๋ ์จ ๊ฐ์ ธ์ค๊ธฐ (1) | 2024.02.01 |
| [๋ ์จ์ฑ] ReactNative ๊ท์น ๋ฐ ๊ฐ๋ก ์คํฌ๋กค ๋ทฐ ์ฌ์ฉ (1) | 2024.01.31 |