React Native์ ํน์ง ๋ฐ ์ฅ์
1. ์๋ฐ์คํฌ๋ฆฝํธ์์ XML์ ์ถ๊ฐํ ํ์ฅํ ๋ฌธ๋ฒ์ธ JSX(Javascript XML)๋ฅผ ์ฌ์ฉ
React native๋ JSX๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ์์ํ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์ฌ์ฉํ ์ ์์ง๋ง,
React๋ฅผ ์ฌ์ฉํ๋ ์ค์ํ ์ด์ ์ค ํ๋๊ฐ ‘์ง๊ด์ ’์ด๋ผ์ JSX๋ฅผ ์ฌ์ฉํ๋ฉด ์ปดํฌ๋ํธ๋ฅผ ๊ตฌ์ฑํ๋๋ฐ ์ฝ๊ฒ ์ ์ํ ์ ์๋ค.
* ์ง๊ด์ ->๋ฆฌ์กํธ๋ฅผ ์ฌ์ฉํ๋ฉด์ ์ฝ๋๋ฅผ ๋ณด๊ณ ํ๋ฉด์ ์ด๋ค UI๊ฐ ๊ทธ๋ ค์ง์ง ์ถฉ๋ถํ ์์ ๊ฐ๋ฅํ๋ค๋ ๊ฒ
2. ์์ค์ฝ๋ ์ฌ์ฌ์ฉ๊ณผ ์์ฐ์ฑ.
๋ฆฌ์กํธ๋ Component ๊ธฐ๋ฐ์ผ๋ก ๊ธฐ๋ฅ์ ๋ถ๋ฆฌํ๊ธฐ ๋๋ฌธ์ ์ฌ์ฌ์ฉํ ์ ์๋ ๊ตฌ์กฐ์ด๋ค.
๊ธฐ์กด์ ๋ฆฌ์กํธ๋ก ๊ฐ๋ฐ๋ ์ฌ์ดํธ์์ Component ์ฝ๋๋ฅผ ๊ทธ๋๋ก ์ฌ์ฌ์ฉํ๊ณ ์์ฑ๋ ์ฝ๋ ํ๋๋ก iOS, Android๋ฅผ ๋์์ ๊ฐ๋ฐํ๊ธฐ ๋๋ฌธ์ ์์ฐ์ฑ์ด ์ฌ๋ผ๊ฐ๋ค.
3. ๋น์ฉ๊ณผ ์คํ์์ค.
๋ค์ดํฐ๋ธ ์ฑ์ ๊ฐ๋ฐํ๋ ๊ฒ๋ณด๋ค ๊ฐ๋ฐ๋น์ฉ๊ณผ ์ ์ง๋ณด์ ๋น์ฉ์ด ์ค์ด๋ ๋ค.
๋ํ, ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ๋ ์ปค๋ฎค๋ํฐ์ ๋ธ๋ก๊ทธ๊ฐ ํ์ฑํ ๋์ด์์ด ์คํ ์์ค ์ ๋ณด๊ฐ ๋ง๋ค.
4. Fast Refresh
๋ณ๊ฒฝ๋ ์ฝ๋๋ฅผ ์ ์ฅํ๊ธฐ๋ง ํด๋ ์๋์ผ๋ก ๋ณ๊ฒฝ๋ ๋ด์ฉ์ด ํ๋ฉด์ ์ ์ฉ๋๋ค.
์ด ๊ธฐ๋ฅ์ผ๋ก (์์ >์ปดํ์ผ>์๋ก๊ณ ์นจ)๋ฑ์ ์์ ์ ์๋ตํ๊ณ ๋ถํ์ํ ์์ ์๊ฐ์ ์ค์ผ ์ ์๋ค.
5. ์ฑ๋ฅ ์ ํ ๋ฌธ์ ํด๊ฒฐ
์์ฑ๋ ์ฝ๋์ ๋ฐ๋ผ ๊ฐ ํ๋ซํผ์ ์๋ง์ ๋ค์ดํฐ๋ธ ์๋ฆฌ๋จผํธ๋ก ์ ํ๋๊ธฐ ๋๋ฌธ์ ํฐ ์ฑ๋ฅ ์ ํ ์์ด ๊ฐ๋ฐ์ด ๊ฐ๋ฅํ๋ค.
6. ๋ค์ดํฐ๋ธ ์์ฑ ์ด์ฉ ๊ฐ๋ฅ
๋ค์ดํฐ๋ธ ์ฝ๋ ์ด์ฉ์ด ๊ฐ๋ฅํ๋ค.
React Native ํ์ฉ
Facebook, AirBnb, Dropbox, Twitter, Instagram, Uber๋ฑ ์๋ง์ ๊ธฐ์ ๋ค์ด ์ฌ์ฉํ๋ค.
ํฌ๋ก์ค ํ๋ซํผ
“๊ต์ฐจ”๋ฅผ ๋ปํ๋ “Cross”์ Platform์ ํฉ์ฑ์ด๋ก, ๋ค์ํ ํ๋ซํผ์์ ์ฌ์ฉํ ์ ์๋ค๋ ๋ป์ ๊ฐ์ง๋ค.
React Native๋ ์๋๋ก์ด๋, iOS๋ฅผ ๋ค์ดํฐ๋ธ๋ก ๊ฐ๋ฐ ํ ์ ์๋ ํฌ๋ก์ค ํ๋ซํผ์ด๋ค.
โ
'๐ Development > React Native' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
React Native ์ปดํฌ๋ํธ๋? / ํด๋์คํ ์ปดํฌ๋ํธ์ ํจ์ํ ์ปดํฌ๋ํธ์ ํน์ง (0) | 2023.06.15 |
---|---|
[React Native] JSX ๋? / JSX ๋ฌธ๋ฒ (0) | 2023.06.15 |
React Native ๊ธฐ๋ณธ ์ฝ๋(Hellow World ์คํ ํ๋ฉด ์ถ๋ ฅํ๊ธฐ) (0) | 2023.06.15 |
React Native์ ์๋ ์๋ฆฌ (0) | 2023.06.15 |
React Native๋? React Native์ React ์ฐจ์ด, ๋ฆฌ์กํธ ํ์ ๋ฐฐ๊ฒฝ (0) | 2023.06.15 |