๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿš€ Development/React Native

React Native๋ž€? React Native์™€ React ์ฐจ์ด, ๋ฆฌ์•กํŠธ ํƒ„์ƒ ๋ฐฐ๊ฒฝ

by Jay Din 2023. 6. 15.
728x90
๋ฐ˜์‘ํ˜•
๋ฐ˜์‘ํ˜•

๋ฆฌ์•กํŠธ ํƒ„์ƒ๋ฐฐ๊ฒฝ

 

2011, ํŽ˜์ด์Šค๋ถ ๊ฐœ์‹œ

ํŽ˜์ด์Šค๋ถ์ด ๊ธ‰์„ฑ์žฅํ•˜๋ฉด์„œ ํŒ€์˜ ๊ทœ๋ชจ๊ฐ€ ์ปค์กŒ๊ณ , ์•ฑ์˜ ๊ธฐ๋Šฅ์ด ๋‹ค์–‘ํ•ด์กŒ๋‹ค.

์‚ฌ๋žŒ์ด ๋งŽ์•„์ง€๋ฉด ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ์†๋„๊ฐ€ ๋นจ๋ผ์งˆ ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒํ•˜์ง€๋งŒ, ์‹ค์ œ๋กœ๋Š” ๊ฐ์ž์˜ ๊ฐœ๋ฐœ ์Šคํƒ€์ผ์ด ๋‹ค๋ฅด๊ณ  ๊ธฐ๋Šฅ ํ•˜๋‚˜๋ฅผ ์ถ”๊ฐ€ํ•  ๋•Œ์—๋„ ๋‹ค๋ฅธ ๊ณณ์— ์˜ํ–ฅ์ด ๊ฐ€๋Š”์ง€ ์ฒดํฌํ•ด์•ผํ•œ๋‹ค.

์ด ๊ณผ์ •์„ ๊ฐœ๋ฐœ์ž๋Š” Human-Error ์นœํ™”์ ์ด๋ผ๊ณ  ์ด์•ผ๊ธฐํ•œ๋‹ค. ํŽ˜์ด์Šค๋ถ ๊ฐœ๋ฐœ์ž๋“ค์€ ์ด ๋ฌธ์ œ๋ฅผ ๊ธฐ์ˆ ์ ์œผ๋กœ ํ•ด๊ฒฐํ•ด์•ผํ•œ๋‹ค๊ณ  ์—ฌ๊ฒผ๋‹ค.

 

2012, ์ธ์Šคํƒ€๊ทธ๋žจ ๋ฐฐ์น˜

2012๋…„ ํŽ˜์ด์Šค๋ถ์€ ์ธ์Šคํƒ€๊ทธ๋žจ์„ ์ธ์ˆ˜ํ–ˆ๋‹ค.

React๋Š” ํŽ˜์ด์Šค๋ถ Ads๋ฅผ ์œ„ํ•œ ํ”„๋กœํ† ํƒ€์ž…์œผ๋กœ ๋งŒ๋“ค๊ณ  ์žˆ์—ˆ๋Š”๋ฐ, ์ธ์Šคํƒ€๊ทธ๋žจ ๊ฐœ๋ฐœ์ž๋“ค์ด React๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์–ดํ•˜๋Š” ๋ฐ”๋žŒ์— ์˜คํ”ˆ์†Œ์Šค, ๋ชจ๋“  ๊ฐœ๋ฐœ์ž๊ฐ€ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ ํƒ„์ƒํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

 

2013, ์˜คํ”ˆ์†Œ์Šค

์„ธ์ƒ์— ๊ณต๊ฐœ

 

React์™€ React Native ๊ฐœ๋…

 

๋ฆฌ์•กํŠธ(React)

Facebook์ด ๋งŒ๋“  ์˜คํ”ˆ ์†Œ์Šค๋กœ ํ”„๋ก ํŠธ์—”๋“œ์˜ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI)๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด javascript์™€ JSX๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์›น, ์•ฑ์„ ๋ณผ ์ˆ˜ ์žˆ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค.

'์ปดํฌ๋„ŒํŠธ'๋ผ๊ณ  ๋ถˆ๋ฆฌ๋Š” ์ž‘๊ณ  ๊ณ ๋ฆฝ๋œ ์ฝ”๋“œ์˜ ํŒŒํŽธ์„ ์ด์šฉํ•˜์—ฌ UI๋ฅผ ๊ตฌ์„ฑํ•˜๋„๋ก ๋•๋Š”๋‹ค.

ํŽ˜์ด์Šค๋ถ๊ณผ ๊ฐœ๋ณ„ ๊ฐœ๋ฐœ์ž ๋ฐ ๊ธฐ์—…๋“ค ๋“ฑ์— ์˜ํ•ด ์œ ์ง€ ๋ณด์ˆ˜ ๋œ๋‹ค.

 

โ€‹๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ(React Native)

ํŽ˜์ด์Šค๋ถ์—์„œ ๋ชจ๋ฐ”์ผ์šฉ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์„ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค. ๋ฆฌ์•กํŠธ์˜ ๊ทœ์น™์„ ์ด์šฉํ•˜์—ฌ ๋ชจ๋ฐ”์ผ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•˜๋Š” ํฌ๋กœ์Šค ํ”Œ๋žซํผ์ด๋‹ค.

โ€‹

์ •๋ฆฌ

React ํŽ˜์ด์Šค๋ถ์—์„œ ๋งŒ๋“  ํ”„๋ก ํŠธ์—”๋“œ์— JavaScript์™€ JSX๋ฅผ ์ด์šฉํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ
React Native React ๋ฐฉ์‹์œผ๋กœ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” ํŽ˜์ด์Šค๋ถ์˜ ์˜คํ”ˆ ์†Œ์Šค ํ”„๋ ˆ์ž„์›Œํฌ
๋ฐ˜์‘ํ˜•

 

728x90
๋ฐ˜์‘ํ˜•