๊ตฌ์ธ ๊ณต๊ณ ๋ฅผ ๋ณด๋ค ๋ณด๋ฉด ์์ฆ ์์ฃผ ๋ณด์ด๋ ๋ฌธ๊ตฌ๊ฐ ์๋ค.
โReact, React Native, WebView ๊ฒฝํ ์ฐ๋โ
โ์น๊ณผ ์ฑ ๋ ๋ค ๋ค๋ฃฐ ์ ์๋ ๊ฐ๋ฐ์โ
์น๋ง ํด์ค๋ ์ ์ฅ์์ React Native๋ ํ ๋ฒ์ฏค ๋ฐฐ์์ผ์ง ํ๊ณ ๋ฏธ๋ค๋ ๊ธฐ์ ์ด์๋ค.
๊ทธ๋ฐ๋ฐ ์ด์ ๋ ์ ํ์ด ์๋๋ผ, ๊ธฐ๋ณธ ์ต์ ์ฒ๋ผ ๋ฌ๋ ค ์๋ค.
ํ์ฌ๋ค๋ ์ฑ์ผ๋ก ๊ฐ๋ ์ถ์ธ
์ง๊ธ ์ด์ ์ค์ธ heyb๋ ์ฌ์ค ์ถํ์๋ WebView๋ฅผ ์น์ด ์ฑ๊น์ง ๋ง๋ค์ด๋ณผ ์๊ฐ์ด์๋ค.
์์ ์ ์ด๋๋์ฅ์ ํ๋ก์ ํธ๋ฅผ ํ ๋๋, ์น์ผ๋ก ๊ฒฝ๋งค ์๋น์ค๋ฅผ ๋จผ์ ๊ตฌ์ถํ๊ณ
์ ๋๋ฉด ์ฑ์ผ๋ก ํ์ฅํ ๊ณํ์ด ์์๋๋ฐ ๊ฒฐ๊ตญ ์ผ์ ๊ณผ ๋ฆฌ์์ค ๋๋ฌธ์ ๋ชป ํ์๋ค.
์ด๋ฐ ์ฌ๋ก๋ ๊ฑฐ์ ๋ชจ๋ ํ์ด ๋น์ทํ๋ค.
์ฒ์์ ์น์ผ๋ก ๊ฐ๋ณ๊ฒ MVP๋ฅผ ๋ง๋ค๊ณ ,
์๋น์ค๊ฐ ์ปค์ง๋ฉด ์ ์ ํธ์์ฑ์ ์ํด ์ฑ์ผ๋ก ์์ฐ์ค๋ฝ๊ฒ ํ์ฅํ๋ค.
์์ฆ์ ์ด๊ฒ ๋๋ฌด ๋น์ฐํ ํ๋ฆ์ด๋ผ
์ด๋ฐ๋ถํฐ โ์น + ์ฑ ๋์ ์ ์ง๋ณด์ ๊ฐ๋ฅํ ๊ตฌ์กฐ๋ก ๊ฐ์โ ๋ ์ด์ผ๊ธฐ๊ฐ ํ๋ก์ ํธ ์ด๊ธฐ์ ๊ผญ ๋์จ๋ค.
WebView + React Native
์ฒ์๋ถํฐ ์ฑ ์ ์ฒด๋ฅผ ๋ค์ดํฐ๋ธ๋ก ๋ง๋๋ ๊ฑด ๋๊ณผ ์๊ฐ์ด ๋๋ฌด ๋ง์ด ๋ ๋ค.
๊ทธ๋์ ๋๋ถ๋ถ์ ๊ธฐ์กด ์น์ ์ต๋ํ ์ด๋ฆฌ๊ณ ,
ํ์์ ์ธ ํ๋ฉด์ด๋ ํธ์ ์๋ฆผ ๊ฐ์ ๊ธฐ๋ฅ๋ง React Native๋ก ๊ฐ์ผ๋ค.
์ด๊ฒ ๋ฐ๋ก WebView + React Native ๊ตฌ์กฐ๋ค.
ํ์ด๋ธ๋ฆฌ๋ ์ฑ์ด๋ผ๊ณ ๋ถ๋ฅด๊ธฐ๋ ํ๋ค.
๊ฒฐ๊ตญ ์ค๋ฌด์์ ์ด ๊ตฌ์กฐ๋ฅผ ๋ค๋ค๋ณด์ง ์์ผ๋ฉด,
๋น๋๋ ๋ฐฐํฌ ๋จ๊ณ์์ ๊ผญ ๋งํ๊ฒ ๋๋ค.
ย ํํ ๋ฃ๊ฒ ๋๋ ์๊ตฌ์ฌํญ
-
๊ธฐ์กด ์น์ ์คํ ์ด์ ์ฑ์ผ๋ก ์ฌ๋ ค๋ฌ๋ผ๋ ์์ฒญ
-
WebView๋ก ๊ฐ์ธ๋๋ผ๋ ํธ์ ์๋ฆผ์ ์ฑ์ผ๋ก ์ฒ๋ฆฌํด์ผ ํ๋ ์ํฉ
-
์ฌ์ง ์ดฌ์, ์์น ์ ๋ณด ๋ฑ ๋ธ๋ผ์ฐ์ ์์ ๋ถํธํ ๊ธฐ๋ฅ์ ์ฑ์์ ์ฒ๋ฆฌํ๊ณ ์ถ์ดํจ
-
ํ ํ์ด ์น๊ณผ ์ฑ์ ๋์์ ์ ์ง๋ณด์ํ ์ ์๋ ๊ตฌ์กฐ ์์ฒญ
์ด ๋ชจ๋ ๊ฑธ ์์ ํ๊ฒ ํ๋ ค๋ฉด React Native๋ฅผ ์กฐ๊ธ์ด๋ผ๋ ์๊ณ ์์ด์ผ ํ๋ค.
์กฐ๊ธ ๋ฆ์์ง๋ง, ์ง๊ธ์ด ๋ฑ ์ข๋ค
์ฒ์์ Expo ๊ฐ์๋ฅผ ๋ฐ๋ผํ๋ฉด์ ์ปค๋ฎค๋ํฐ ์ฑ ์ ๋๋ ๋ง๋ค์ด๋ณผ ์ ์๊ฒ ๋๋ค.
๋๋ถ์ React Native ๊ตฌ์กฐ์ Expo์ ๋น ๋ฅธ ๊ฐ๋ฐ ํ๋ฆ์ ๋์ถฉ ๊ฐ ์ก์๋ค.
์ด์ ๋ CLI๋ก ๋์ด๊ฐ์ ์ง์ ๋น๋ ๊ตฌ์กฐ๋ฅผ ๋ง์ง๊ณ ์ถ์ด์ก๋ค.
์ง๊ธ์ ๋ง์ง ์ง๋ ์ฑ ๊ฐ์๋ฅผ ๋ณด๋ฉด์ React Native CLI์ NestJS๋ฅผ ๊ฐ์ด ์จ์ ํ๋ก ํธ์ ๋ฐฑ์๋๋ฅผ ์ง์ ๋ง๋ค์ด๋ณด๋ ค ํ๋ค.
์ ํด๋ณธ ๊ฑธ ๋ค ๊ฒฝํํด๋ด์ผ ๋์ค์ ์ค๋ฌด์์ ์ค์๋ฅผ ์ค์ผ ์ ์์ ๊ฒ ๊ฐ์๋ค.
์ฌ์ค ๋ฐฑ์๋๋ ์ ๋๋ก ๋ฐฐ์๋ณด๊ณ ์ถ์๋๋ฐ ์ด๋ฒ์ ๊ฐ์ด ํด๋ณด์๋ ๋ง์์ด๋ค.
๊ธฐ๊ธฐ ๋ฐฐํฌ๋ ์์ง ๊ฐ๋ฐ์ ๊ณ์ ์ด ์์ด์ ์ง์ ๋ชป ํ๊ณ ์์ง๋ง,
๊ธฐ๋ณธ ํ๋ฆ์ ์ ๋ฆฌํด๋๊ณ ๋์ค์ heyb์์ ์ฑ ๋ง๋ค ๋ ๋ฐ๋ก ์จ๋จน์ ๊ณํ์ด๋ค.
๋ง์ง๋ง์ผ๋ก, ์ด๋ ๊ฒ ๋ฐฐ์ฐ๊ณ ์ ๋ฆฌํ ๋ด์ฉ์
ํ์ฌ RN๊ณผ WebView๋ก ์ฑ์ ์ ์ง๋ณด์ํ๋ ์ค๋ฌด์๋ค์๊ฒ ์ง์ ๋ฌผ์ด๋ณด๊ณ
์์ฆ ํธ๋ ๋์ ๋ง๊ฒ ๋ค๋ฌ์ด๋๋ ค๊ณ ํ๋ค.
์กฐ๊ธ ๋ฆ์ ๋งํผ, ์ ๋๋ก ํด๋๋ฉด ๋ ํค๋งฌ ๊ฑฐ๋ผ๊ณ ๋ฏฟ๋๋ค.
๋ง์น๋ฉฐ
React Native๋ ์ด์ ์ ํ์ง๊ฐ ์๋๋ผ
์น ๊ฐ๋ฐ์์ ์์ฐ์ค๋ฌ์ด ๋ค์ ๋จ๊ณ๊ฐ ๋์ด๋ฒ๋ ธ๋ค.
heyB๋, ์ด๋๋์ฅ์ ๋, ๋ด๊ฐ ๋ณธ ๋๋ถ๋ถ์ ํ๋ ๊ฒฐ๊ตญ์ ์ฑ์ผ๋ก ๊ฐ๋ ค ํ๋ค.
๊ทธ๋ฆฌ๊ณ ์์ผ๋ก๋ ๊ทธ๋ด ๊ฒ์ด๋ค.
์น๋ง์ผ๋ก๋ ์ถฉ๋ถํ ์๋น์ค๋ ์ ์ ์ค์ด๋ ๋ค.
๋ฆ๊ธฐ ์ ์ ์ค๋นํด๋์.
ํด๋๋ฉด ํ์คํ ๋ ๊ณ ์ํ๋ค.