์๋ ํ์ธ์!! ์ค๋์ swift๊ด๋ จ ํฌ์คํ ์ด ์๋๋๋ค!ใ ใ ใ ๋ฐ๋ก ์ ๊ฐ ์์ฆ ๊ด์ฌ์ด ์๊ธด React Native์ ๋ํด ๊ฐ๋จํ ํฌ์คํ ์ ํด๋ณด๋ ค๊ณ ํฉ๋๋ค. iOS๊ด๋ จ ์ฑ๊ฐ๋ฐ๋ง ํ๋ค๊ฐ ์๋๋ก์ด๋๋ ํจ๊ป ๊ฐ๋ฐ์ด ๊ฐ๋ฅํ ํฌ๋ก์ค ํ๋ซํผ ์ฑ๊ฐ๋ฐ๋ ์ฌ๋ฏธ์์ ๊ฒ ๊ฐ์์ ๊ณต๋ถ๋ฅผ ํด๋ณด๋ ค
์๋ ํ์ธ์! ์ค๋์ React Native๊ฐ ์๋ํ๋ ๋ฐฉ์์ ๋ํด์ ๊ณต๋ถ๋ฅผ ํด๋ณด์์ต๋๋ค.
์๋ ํ์ธ์! ์ค๋์ React Native์ ๋๊ฐ์ง ๊ฐ๋ฐ ๋ฐฉ๋ฒ์ ๋ํด ๊ณต๋ถ๋ฅผ ํด๋ณด๊ฒ ์ต๋๋ค. ๊ฐ๋ฐ ๋ฐฉ๋ฒ์๋ ํฌ๊ฒ Expo CLI๋ฐฉ์๊ณผ React Native CLI๋ฐฉ์์ผ๋ก ๋๊ฐ์ง๊ฐ ์์ต๋๋ค. ๊ทธ๋ผ ๋ ์์ธํ๊ฒ ์์๋ณด๊ฒ ์ต๋๋ค. Expo CLI Expo๋ React Nat
์๋ ํ์ธ์! ์ค๋์ ๋ณธ๊ฒฉ์ ์ผ๋ก React Native ์ฑ๊ฐ๋ฐ์ ํ๊ธฐ ์ํ ์ธํ ์ ํด๋ณด๋ ค๊ณ ํฉ๋๋ค. ์ง๋ ํฌ์คํ ์์ expo cli๋ฅผ ์ด์ฉํด ์ฑ ๊ฐ๋ฐ์ ํ๊ธฐ๋ก ํ์์ผ๋ฏ๋ก ์ด์ ๊ด๋ จํ์ฌ ์ธํ ์ ํด๋ณด๋๋ก ํ์ฃ ! ์ฑ ๊ฐ๋ฐ์ ์ํ ์ธํ 1. expo.dev ๋๋ฌ๋ณด๊ธฐ ์ฐ์ ์ ํฌ
์๋ ํ์ธ์ ์ค๋์ React Native ํ๋ก์ ํธ ํ์ผ์ github์ ์ฐ๊ฒฐ์ ํด๋ณด๊ฒ ์ต๋๋ค. React Nativeํ์ผ ๋ฟ๋ง ์๋๋ผ ๋ชจ๋ ์ธ์ด์ ํ๋ก์ ํธ ํ์ผ๋ ์ญ์ ๊ฐ์ ๋ฐฉ์์ผ๋ก ์ฐ๊ฒฐํ ์ ์์ต๋๋ค.
์๋ ํ์ธ์ ์ค๋๋ถํฐ๋ ๋ณธ๊ฒฉ์ ์ผ๋ก ๊ฐ๋ฐ์ ์์ํด๋ณด๊ฒ ์ต๋๋ค. expo๋ฅผ ์ด์ฉํ ๊ฐ๋ฐ์ ๊ฐ์ฅ ์ฒซ๋ฒ์งธ์ธ App.jsํ์ผ์ ๋ํด์ ์์๋ณด๊ณ ๊ณต๋ถ๋ฅผ ํด๋ณด๊ฒ ์ต๋๋ค. ๊ทธ๋ผ ๋ ์์ธํ ์์๋ณด๋๋ก ํ์ฃ ! ํ๋ก์ ํธ ์์ฑ & App.js ์ฐ์ expo๋ฅผ ์ด์ฉํ์ฌ ํ๋ก์ ํธ๋ฅผ ํ๋ ๋ง๋ค๊ฒ ์ต๋
์๋ ํ์ธ์ ์ค๋์ React Native๋ฅผ ๊ณต๋ถํ๊ธฐ ์ํด ๊ผญ ํ์ํ JavaScript์ ๋ํด์ ๊ฐ๋ตํ ์ ๋ฆฌ๋ฅผ ํด๋ณด๊ฒ ์ต๋๋ค. React Native๋ฅผ ๊ฐ๋ฐํ๋ ๊ณผ์ ์์ ๋ง์ด ์ฐ์ด๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฌธ๋ฒ์ ์์ฃผ๋ก ์ ๋ฆฌ๋ฅผ ํด๋ณด์์ต๋๋ค. ๋ณ์์ ํจ์ ํํ var ๋ณ์๋ ์ฝ๋
์๋ ํ์ธ์~ ์ค๋์ React Native์์ ์ด์ฉ๋ฉด ๊ฐ์ฅ ๋ง์ด ์ฐ์ผ useState์ ๋ํด์ ๊ณต๋ถ๋ฅผ ํด๋ณด๊ฒ ์ต๋๋ค. React Native๋ฟ๋ง ์๋๋ผ React์์๋ ๋ง์ด ์ฐ์ด๋ ๋ฌธ๋ฒ์ด๋ฏ๋ก ๋์ค์๋ ๋์์ด ๋ ๊ฒ ๊ฐ๋ค์. ๊ทธ๋ผ ๋ ์์ธํ ์์๋ณด๊ฒ ์ต๋๋ค. useStat
์๋ ํ์ธ์ ์ค๋์ React Naive์ Hook์ ํ ์ข ๋ฅ์ธ useEffect์ ๋ํด์ ๊ณต๋ถ๋ฅผ ํด๋ณด๊ฒ ์ต๋๋ค. ์ ๋ฒ ์๊ฐ์๋ useState์ ๋ํด ๋ฐฐ์ ๋๋ฐ ์ค๋์ useEffect์ ๋ํด ์์ธํ๊ฒ ์์๋ณด์ฃ ! useEffect useEffect์ React Hooks
์๋ ํ์ธ์~! ์ค๋์ ๋ ์ด์์ ๋์์ธ์์ ๊ฐ์ฅ ํต์ฌ์ธ ์์์ ๋ฐฐ์น์ ์ ๋ ฌ์ ๋ํด์ ๊ณต๋ถ๋ฅผ ํด๋ณด๊ฒ ์ต๋๋ค. ๋ฐฐ์น์ ์ ๋ ฌ ํํธ๋ ํญ์ ํท๊ฐ๋ฆฌ๋ ๋ถ๋ถ์ด๋ฏ๋ก ์ด๋ ๊ฒ ํฌ์คํ ์ ํด๋์ผ๋ฉด ๋์ค์ ์ฐพ๊ธฐ๋ ์ฝ๊ณ ํ์ฉํ๊ธฐ๋ ์ฌ์ธ ๊ฒ๋๋ค. ๊ทธ๋ผ ๋ ์์ธํ ์์๋ณด์ฃ ! ๋ฐฐ์น (Flex Dir