React Native - Application ๊ฐ๋ฐ ํ๊ธฐ
๊ฐ์
ย ํ๋ฃจ์๋ ๋ช ๋ฒ์ฉ ์ธํํต์ด ํฐ์ก๋ React Native ๊ฐ๋ฐ์ ๋ง๋ฌด๋ฆฌํ๊ณ ์ ํ๋ค.
ํ๋ก์ ํธ๊ธฐ๊ฐ
ย 8์ 21์ผ๋ถํฐ ์์ ~ ํ์ฌ ๋ง๋ฌด๋ฆฌ ๋จ๊ณ ์ฌ์ค ์ (2์ฃผ)
์์ ์ ๋์ ์ํ
ย React (Jquery ๊ฐ์ ๊ฑฐ ์๋๊ฐ) - ํ๋๋ ๋ชจ๋ฆ
ย Javascript - ์์ฆ Node.js์ Express Module + @๋ฅผ ์ด์ฉํ์ฌ ์น์๋ฒ๋ฅผ ๋ง๋ค๊ณ ์์๊ธฐ ๋๋ฌธ์ ์ฌ์ค ์ต๊ทผ ๊ฐ์ฅ ๋ง์ด ์ฌ์ฉํ ์ธ์ด - ์์ ๊ฐ ๋์นจ
ย CSS(React Native์์๋ StyleSheet๋ผ๋ ์ค๋ธ์ ํธ๋ค) - ์์ ๊ฐ์ ์ด์ ๋ก ์์ ๊ฐ ๋์นจ (ํ๋ก ํธ ํ ์ฌ๋์ด ์๋ค)
ย Android - ์์ ์ ์ ๋ง ์ฃฝ์ด๋ผ ํ์๋๋ฐ... ๋ชจ๋ฐ์ผ ์น์ด๋ผ๋ ์ ์ธ๊ณ๋ฅผ ์์ ๋ฒ๋ฆฐ ์ดํ๋ก ์กฐ๊ธ์ฉ ์๋คํด์ง๊ณ ์๋ ๋ ์, ํ์ง๋ง ํ 6๋ ์ ๋ ๊พธ์คํ ์ผ์๋ ์ธ์ด๋ผ ์์ ๊ฐ์ ์๋ค. ๋ง์น ๋กค์ ์ ์๋ค๊ฐ ํ๋ฉด, ์ฒ์์๋ ๋ธ๋ก ์ฆ์ง๋ง ๊ธ๋ฐฉ ๋ณธ ํฐ์ด๋ก ์ฐพ์๊ฐ๋ ํด๋ผ์ค๋ ์ฃฝ์ง ์๋๋ค์ ๋น์ท
ย iOS - ็ก
๊ฐ๋ฐ ํ๊ธฐ
ย React Native๋ก ๊ฐ๋ฐํ๊ฒ ๋ ๊ฐ์ฅ ํฐ ์ด์ ๋ ๋ ๊ฐ์ง ์ ๋์ ์ด์ ๋๋ฌธ์ด๋ค. ๋๋ฆฌ๋๊ณผ ๋ด๊ฐ ๊ฐ๊ฐ iOS, Android + backend๋ฅผ ๋งก์์ ํ๋ก์ ํธ๋ฅผ ์งํํ๊ณ ์์์ง๋ง ๋๋ฆฌ๋์ iOS๋ฅผ ๋ฐฐ์๊ฐ๋ฉด์ ๊ฐ๋ฐํ๋ ์์ค์ด๋ผ ํน์ฌ๋ ํ๋ก์ ํธ๊ฐ ํฐ์ง์ง ๋ชจ๋ฅธ๋ค๋ ๊ฒ(์๊ฐ์ด ๋ฌด๊ธฐํ์ผ๋ก ๊ธธ์ด์ง๋ค๋ ๊ฒ์ ์๋ฏธ), ์์ผ๋ก ์์ํ ์ฑ ํ๋ก์ ํธ์ Swift ๊ฐ๋ฐ์ด๋ผ๋ ๊ฒ์ด ํ์ ์์ด์ง ์๋ ์๊ฒ ๋ค. ์ถ์ด์ ๊ทธ๋ฌ๋ค. ๊ทธ๋ฆฌ๊ณ ํ ๊ฐ์ง ๋ ์ด์ ๋ฅผ ๋ค์๋ฉด ๊ธฐ์กด์ ์๋๋ก์ด๋๋ ์ด๋ ์ ๋ ๋ง์ ธ ๋ดค์ผ๋, ์๋ก์ด ์ธ์ด๋ก ๊ฐ๋ฐํด๋ณด๊ณ ์ถ์ ์์ฌ ๋๋ฌธ์ด๋ค. (Facebook์์ ์๊ทธ๋ง์น ๊ด๋ฆฌํ๊ณ ์์ง ์์๊ฐ!)
ย ํ์ง๋ง ๊ฐ๋ฐ์ ์์กฐ๋กญ์ง ์์๋ค. ํ๋ฃจ์๋ ๋ช ๋ฒ์ฉ ์ฃผ์ปค๋ฒ๊ทธ๊ฐ ์ฃฝ์์ผ๋ฉด ์ข๊ฒ ๋ค๊ณ ์๊ฐํ์ผ๋ฉฐ(๋ํ์์์ ์์ฌ๊ณผ์ ๋ ๋ฅ๋ฌ๋ ํ์ฐฝ ๋๋ฆด ๋, ์์นจ์ ๋์ฐฉํ๋๋ฐ ๋น๊ฒ์ด์ธ ๊ฐ ์์ผ๋ฉด์ ใ ๊ทธ๋ฌ๊ฒ ๋๊ฐ ์๋์ฐ ์ฐ๋ ํ๊ณ ์์ ๋ ๋งํผ ๋นก์ณค์๋ค), ์กฐ์ธ์ฆ ํ์๋ง๋ฅ ๊ทน๋์ ๋ฌดํ์ (๋นก์นจ)์ผ๋ก ์๋ค๊ฐ ๋ญํ๋ ํด๊ฒฐํ๋ฉด ์ค์ค ์์ง๋ฅผ ์๋, ํค๋ณด๋ ์์ ์ฅ์ด๋ฏ์ ๋จธ๋ฆฌ๊ฐ ํ์ ํผ ์ฉ ๋จ์ด์ ธ์๊ธฐ๋ ํ๋ค. ๊ทธ๋ฆฌ๊ณ ์คํ ์ค๋ฒ ํ๋ก์ฐ์ ๊ด๋ จ ํค์๋๋ผ๋ ํค์๋๋ ๋ค ์ฝ์ด์ ๋ณด๋ผ์ ํฌ๋กฌ์ ๋ง๋ค๊ธฐ๋ ํ์ผ๋ฉฐ, ํญ์ ํญ๋ฐํ๊ธฐ ์ง์ ์ผ๋ก ํญ์ ์ ์ง๋์๋ค. ๋ฉ๋ชจ๋ฆฌ๊ฐ 16๊ธฐ๊ฐ ์๋์๋๋ผ๋ฉด, ๋์ฐํ์ ์ผ์ด๋ค.
ย ํ์ง๋ง ์ ๊ฒ์ ๋ชจ๋ ๊ณผ๊ฑฐ์ ์ด์ผ๊ธฐ. ์ง๊ธ์ ์๋๋ก์ด๋๋ก ์ ์์ ์ผ๋ก Signed APK ํ์ผ์ด ์์ฑ๋๋ ๊ฒ์ ํ์ธํ์ผ๋๊น, xcode์์ iOS ์ฑ์ด ์ ์์ ์ผ๋ก ์์๋๋ ๊ฒ์ ํ์ธํ์ผ๋๊น ๋ง์์ด ํธํ๋ค. ์๋ ์ด์ ๋ ๋ง ๋ชจ๋ ์ฑ์ React Native๋ก ๊ตฌํํ ์ ์์ ๊ฒ ๊ฐ์ ๊ทผ์๊ฐ๋ ๋ ๋ค.ย
ย ๊ฐ์ฅ ์ด๋ ค์ ๋ ๊ฒ์ ์ด์ ์์๋ Notification ์ฒ๋ฆฌ, ๋ด๊ฐ ๊ธ์ ์๋ชป ์ฝ์ด์ ํค๋งจ ๊ฒ, iOS ์ง์์ด ์์ด์ ํค๋งจ ๊ฒ, ๊ทธ๋ฆฌ๊ณ ๊ทน์ ์ผ๋ก ๋ฌธ์ ๋ฅผ ํด๊ฒฐ ํ ๊ฒ 3๋ฐ์๊ฐ ์ด๋ฃจ์ด์ ธ ๊ธฐ์ต์ ๋จ๋๋ค. ์นด์นด์คํก์ ์ด๋ป๊ฒ ๊ตฌํํ์๊น? ๋๋์ฒด ์ด๋ป๊ฒ ํ๋ ๊ฒ์ผ๊น ์ด๋ฐ ์๊ฐ์ ํ๋ฉด์ ๊ณ์ ๋จธ๋ฆฟ์์ผ๋ก ์ฐ๋ฆฌ๋ ๋น์ทํ ๊ธฐ๋ฅ์ ํ๋ ๋ชจ๋ธ์ ์ฐพ๊ณ ์ด๋ป๊ฒ ๊ตฌํํ์์ง ๋ฐฉ๋ฒ์ ์ฐพ์๋ค.ย
ย ์ด๋ฌํ ์์ ์ผ๋ก ๋ ์์ ๋ ๋ฐ์ ํ๊ณ , ํ์ฌ ์ฐจ์์์๋ ์๊ฐ์์ ํ๋ก์ ํธ๋ฅผ ์๋ฃํ์ผ๋ฉฐ, ๋๋ฆฌ๋๊ณผ ์ ๋๊ฐ์ ๋์ฑ ์ฆ์ง ์ํค๋ ๊ณ๊ธฐ๊ฐ ๋์๋ค. ์ ์ ๋ง๋ ๋ง๊ณ , ํ ๋ง ๋ ๋ง์ง๋ง... ๋ชจ๋ ๊ธฐ๋ก์ ํด๋์ง ์์์ ๋๋ฌด ์์ฝ๋ค.
๊ทธ๋์...
ย ๋ค์์ ๋ React Native๋ก ์ฑ์ ๋ง๋ค ๊ฒ์ธ๊ฐ ๋ฌผ์ด๋ณธ๋ค๋ฉด, YES๋ผ ํ๊ฒ ๋ค. ๋ค๋ง ๊ต์ฅํ ๋ค์ดํฐ๋ธ์ ๊ธฐ๋ฅ์ ๊น๊ฒ ํ๊ณ ๋ค์ด์ผํ๋ ์ฑ์ด๋ผ๋ฉด ๋ชป ๋ง๋ค๊ฒ ์ง๋ง.. ์ผ๋ฐ์ ์ผ๋ก ์๋ฒ์ ํต์ ํ๋ ์ ๋์ ์ฑ์ด๋ผ๋ฉด ๋ง๋ค์ด ๋ณผ ์ ์์ง ์์๊น? Link ์๋ ๋๊ธฐํ ๋ฌธ์ ๋ง ํด๊ฒฐ๋๋ค๋ฉด npm์ ํตํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํ์ฑํ๊ฐ ์ด๋ฃจ์ด์ ธ ์ ๋ง ๋ฉ์ง ํ๋ซํผ์ด ๋ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ๋ค.

















