๐ฉ๐ป Today I Learned ๐ โพ ์ด๋ ๊ฒ ๋ฌผ๋ฌ๋ ์ค ์๊ณ ? ์ง์ง ๋ฒํด๋ค. ๋ค ์ฃผ์ ๋ฅผ ์๋ผ๋ ๋ง์ด ๊ณ์ํด์ ๋งด๋๋ ์ง๋ ๋ช ์ผ๊ฐ์ด์๋ค. ๋๋ฌด ํ๊ฐ ๋ฌ๋ค. ๋๊น์งํ๋ค. ๋๊น์ง ๋ฒํด๋ค. ์ด ์
๋ฌผ๊ณ ์ด ๋ฐ๋ ๊ตฌ๋ฉ ๋ด๊ฐ ๋ซ๊ณ ๋ค์ด๊ฐ๋ค.
๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ
[React Native] React Nativgation ์ ์ฉํ๊ธฐ - 1 react native cli๋ก ๋น๋ํด์ expo๋ก install์ ํด๋ ๋์ง๋ง npm์ด๋ผ๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ํ ํจํค์ง ๊ด๋ฆฌ์๋ฅผ ์ฌ์ฉํ๋ค. npm install @react-navigation/native npm install react-native-screens react-native-sa.. mindevlog.tistory.com 1ํธ์ ์ด์ด์ bottom tabs ๋ฉ๋ด์ stack ๋ฉ๋ด๋ฅผ ํจ๊ป ์ฌ์ฉํ๋ ๋ฒ์ ์ค๋ช
ํ๋ ค๊ณ ํฉ๋๋ค! ์ดํ๋ฆฌ์ผ์ด์
์์ ๋๊ฐ์ง ๋ฉ๋ด๊ฐ ๋ฐ๋ก๋ฐ๋ก ์ฌ์ฉ๋ ์ผ์ ์๊ฒ ์ง์? ํด๋๊ตฌ์กฐ Nav -Tab -Stack Screen -Movie -Tv -Search NavigationContainer ์ ๋ ๋ฉ๋ด๋ฅผ ๋ชจ๋..
๐ฉ๐ป Today I Learned ๐ โพ ๋๊ผฌ์ค์ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ ๊ฐ์ - ์ํ์ฑ ๋ง๋ค๊ธฐ 50% ๋ฌ์ฑ ์๊ฐ๋ณด๋ค ์ด๋ ต๊ณ , ๊ฐ์๊ธฐ ํ์
์คํฌ๋ฆฝํธ๊น์ง ๋ผ์ฌ๋๋๊น ๋ ์ ์ ์ด ์๋ค. ๐
์ค๋ ๋ค ์์ฑํ ์ ์์ ๊ฑฐ๋ผ๊ณ ์๊ฐํ๋๋ฐ ใ
ใ
โพ ํญ์ ๊ธ์ ์ ์ผ๋ก!!! ๋ถ์ ์ ์ผ๋ก ์๊ฐํ๋ค๊ณ ํด์ ๋ ๊ฒ ํ๋๋ ์๋ค!! ์ด์ฐจํผ ํ ๊ฑฐ๋ผ๋ฉด ๊ธ์ ์ ์ผ๋ก! ์ด๋ํ ๋์์ด ๋ ๊ฒ์ด๋ผ๋ ์๊ฐ์ผ๋ก! ๋งค์ฌ ๋ถ์ ์ ์ด๋ฉด ๋ฌด์จ ์ฌ๋ฏธ๋ก ์ด์๊ฐ๋ฉฐ~ ๋ ๊ฒ๋ ์ ๋ ๊ฒ์ด๋ค! ์ธ์ ํ ๊ฑด ์ธ์ ํ๊ณ ! ์์ผ๋ฉด์! ํ์ดํ
!!!!!
๐ฉ๐ป Today I Learned ๐ โพ ์ ์พํ ๋๊ผฌ์ค์ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ ๋๋์ด ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ๋ก ์ํ ์ดํ๋ฆฌ์ผ์ด์
๋ง๋ค๊ธฐ์ ๋์
ํ๋ค! ์๋กญ๊ฒ ํด๋ ๊ตฌ์กฐ๋ถํฐ ๋ง๋ค์ด๊ฐ๋๋ฐ ์ฝ์ง ์๋ค ใ
์ ์
ํ
ํ๋๋ฐ ์๊ฐ์ด ์ด๋ ๊ฒ ์ค๋ ๊ฑธ๋ฆฌ๋ ๊ฑด์ง. ํ์ง๋ง ์๋ก์ด ๊ฑธ ๋ง๋ค์ด๊ฐ๋ค๋ ๊ฑด ๋ ์ฆ๊ฑฐ์ด ์๋์ง๋ฅผ ์ค๋ค! ๋ธ๋ก๊ทธ์ ์ ๋ฆฌํ ๋ฆฌ์คํธ๋ฅผ ๋ง๋ค์ด๋ณด๋๋ฐ ๊ฝค ๋ง์์ ์ด๊ฑธ ์ธ์ ๋คํ์ง ๋ผ๋ ์๊ฐ์ด ๋ค์๋ค. ใ
ใ
....๐
์ค์ง ์์ ๊ฒ๋ง ๊ฐ๋ ๋ ์ด ์๋ค. ๋ฐ๋ก ์๋ฃ์! ์ฌ์ค ์๋ฃ์์ ๋ํ ์ด์ผ๊ธฐ๋ ์ด์ ๋ธ๋ก๊ทธ์์ ์์ฑํ์๋๋ฐ, ๊ฐ์ ธ์ฌ ์๊ฐ ์์ด์ ๋ค์ ์ด๋ค. ์ด์ ๋ฑ! ์๋ฃํ์ง ํ ๋ฌ์ด ๋์๋ค. ๋ง๋ ๋ง๊ณ ํ๋ ๋ง์์ง๋ง ๋๋ ํญํด99์ ํฉ๋ฅํ ๋ ๋ด๊ฐ ๊ธฐ๋ํ ๊ฒ๋ค์ ๋ค ์ฑ๊ฒผ๋ค๋ผ๋ ์๊ฐ์ ํ๋ค. ๋
ํ์ผ๋ก ํ์ง ๋ชปํ ํ ํ๋ก์ ํธ๋ฅผ ์ฌ๋ฌ๋ฒ ํ๊ณ , ๊ทธ ๊ฒฝํ์ ์ ๋ง ๊ฐ์ก๋ค. ์ด๋๊ฐ์๋ ๊ฒฝํํ์ง ๋ชป ํ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ๋ค. ํผ์ ๊ณต๋ถํ๋ฉด์ ์ด๋ ฅ์๋ฅผ ์ ์ถํ๋ฉฐ ํผ์์ ๋ฒํฐ๋ ์๊ฐ์ ๊ฐ์ ๋ชฉ์ ์ ๊ฐ์ง ์น๊ตฌ๋ค๊ณผ ํจ๊ปํ๊ณ , ํจ๊ป ์ด์ผ๊ธฐํ๋ฉฐ ๊ฒฌ๋ ๋ค. ๋ฌด์์ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด์ ๊ตฌํํ๋ ๊ฒ๊ณผ ๋ฌ๋ฆฌ, ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์ ๊ธฐํ์ ๋ํด์๋ ์๊ฐํ๊ฒ ๋์๊ณ '๊ฐ๋ฐ'์ด๋ผ๋ ๊ฒ์ ์ ๋ง๋ก ์ฝ๋๋ฅผ ์ฐ๋ ๊ฒ๋ง ์๋๊ฒ ์๋๋ผ๋ ๊ฒ๋ ์๊ฒ ๋์๋ค. 'ํ์
'์ ํตํด์ ๋ค๋ฅธ..
์์ด 1. ์๋ก ๋ค๋ฅธ n๊ฐ์ ๋ฌผ๊ฑด ์ค์์ r๊ฐ๋ฅผ ํํ์ฌ ํ ์ค๋ก ๋ฐฐ์ดํ๋ ๊ฒ์ n๊ฐ์ ๋ฌผ๊ฑด์์ r๊ฐ ํํ๋ ์์ด์ด๋ผ ํ๊ณ , ์ด ์์ด์ ์๋ฅผ ๊ธฐํธ๋ก nPr์ ๊ฐ์ด ๋ํ๋ธ๋ค. 2. ์๋ก ๋ค๋ฅธ n๊ฐ์์ r๊ฐ๋ฅผ ํํ๋ ์์ด์ ์๋ (๋จ, 0 < r โฆ n) [๋ค์ด๋ฒ ์ง์๋ฐฑ๊ณผ] ์์ด (Basic ๊ณ ๊ต์์ ์ํ ์ํ๊ณต์ ํ์ฉ์ฌ์ , 2002. 3. 10., ๊น์ข
ํธ) ๋จ์ํ๊ฒ ๋งํ์๋ฉด ํ ๋ฐฐ์ด์ 4๊ฐ์ ์๋ก ๋ค๋ฅธ ์ซ์๊ฐ ๋ค์ด๊ฐ์๊ณ , ๊ทธ ์ค์์ 3๊ฐ์ ๋ฌธ์๋ค์ ์์๋ก ๊ณจ๋ผ์ ์ค๋ณต์์ด ์กฐํฉ์ ์ํค๋ ๊ฒ์ ์์ด์ด๋ผ๊ณ ํ ์ ์๋ค. ์๋ฆฌ ํ๋์ ์๋ฅผ ์ ํํ๋ค. ํ๋๋ฅผ ์ ํํ์ผ๋ ๋จ์ ์๋ค ์ค์์ 2๊ฐ๋ฅผ ์ ํํด์ผํ๋ค. ์ด ๊ณผ์ ์ ๋ฐ๋ณตํ๋ฉด์ ๋ง๋ค์ด์ง๋ค. ์ด๋ฐ ๊ณผ์ ์ ๋ฐ๋ณตํ๋ ๋ช๊ฐ์ง๋ค์ด ์๋๋ฐ ์ด ์ค์์ ์์ด์ ๊ฒฝ์ฐ์ ์์ด๊ณ ์ผ๋..
๐ฉ๐ป Today I Learned ๐ โพ ๋์ด ์๋ ํ์ API ์ค๊ณํ ๊ฒ ๋ง์์ ์ด๋ฒ ์ฃผ๋ ์ฌ๋ฌ ์ฐจ๋ก ํ์๋ฅผ ์ก์๋ค. ๋ณ์์ด๋ฆ์ ์ง์ผ๋ฉด์๋ ์ง์ง ๋ค์ํ ์ด์ผ๊ธฐ๋ฅผ ํ๊ณ ๊ณ ๋ฏผ์ ํ๊ณ ์ค๊ณ๋ฅผ ์ด๋ป๊ฒ ํด์ผํ ์ง ๊ณ ๋ฏผ๋ ๊ฑฐ๋ญํ๋ฉฐ ๋์์ธ๋ ์ด์ง ๋ฐ๋๊ณ ใ
ใ
...์ถฉ๋ถํ ๊ณ ๋ฏผํ๋ฉด์ ๋ง๋ค์ด๊ฐ๋๊ฒ ๊ฐ์๋ฐ ๊ณ์ํด์ ์์ ํ ๋ถ๋ถ์ด ๋์จ๋ค. ใ
ใ
ใ
... โพ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ ์ฑ ํ๋ก์ ํธ API ์ค๊ณ๊ฐ ์ค๋ฐ์ ๋์ด๊ฐ๋ฉด์ ๋ ์ด์กฐํด์ง๊ธฐ ์์ํ๋ค. ์ด๋ฐ ๊ธฐ๋ถ ๋๋ฌด ์ซ๋ค!! ์ด ๊ธฐ๋ถ์ ์์ ๊ธฐ ์ํด์ ๊ฐ์๋ฅผ ๋ดค๋ค!! ใ
... ์ด ๊ฐ์๋ฅผ ๋๋ด๊ณ ๋๋ฉด ํ๋ก์ ํธ ๋น๋์ ๋ํ ์ด์กฐํจ์ด ์ฌ๋ผ์ก์ผ๋ฉด ์ข๊ฒ ๋ค! ์ด ๋ชจ๋ฐ์ผ์ฑ ์์ ์ ๋ง๋ค๊ณ ์ถ๋ค!! โพ ์๋ฐ์คํฌ๋ฆฝํธ ์์ดํจ์ ์ฝ๋ฉ ํ
์คํธ๋ฅผ ๊ณต๋ถํ๋ฉด์ ๋จ์ํ ๋ฌธ์ ๋ค๋ง ํ์ด์์๋๋ณด๋ค. ์์ ํ์, ์์ด์ด๋ฐ ๋จ์ด..
react native cli๋ก ๋น๋ํด์ expo๋ก install์ ํด๋ ๋์ง๋ง npm์ด๋ผ๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ํ ํจํค์ง ๊ด๋ฆฌ์๋ฅผ ์ฌ์ฉํ๋ค. npm install @react-navigation/native npm install react-native-screens react-native-safe-area-context ๊ณต์ ๋ฌธ์ (https://reactnavigation.org/docs/getting-started/) ๋ฅผ ๋ณด๋ฉด ์ ์ค๋ช
๋์ด์๋ค! Mac์์ IOS ๋น๋๋ฅผ ์ํ ๋ฌด์ธ๊ฐ๋ฅผ ์ค์นํด์ผํ๋๋ฐ ๋๋ ํด๋น์ฌํญ์ด ์์ด์ ์คํต! 1. NavigationContainer ์์ navigator๋ฅผ ๊ฐ์ธ๋ ์ ์ด์ฃผ๋ container๋ฅผ ์จ์ค์ผํ๋ค. navigator์ ๋ํด์ ์ธ ์ ์๋ props๋ค์ด ์๋๋ฐ ๋..
๐ฉ๐ป Today I Learned ๐ โพ API ์ค๊ณ response, request ๋ฅผ ์ ์ผ๋ฉด์ ๊ธฐ์กด์ ์ค๊ณํ๋ ๋ด์ฉ๋ค์ ๋ํ ์๋ฌธ๊ณผ ์ด๋ป๊ฒ ๊ตฌ์กฐ๋ฅผ ์งค ๊ฒ์ธ๊ฐ์ ๋ํ ๊ณ ๋ฏผ์ด ๊ฑฐ๋ญ๋์๋ค. ํ ๋ฒ๋ ํด๋ณด์ง ์์ react native๋ผ์ ์ ํํ๊ฒ ํ ์ ์์ด์!! ๋ผ๊ณ ๋ฐฑ์๋๊ฐ๋ฐ์๋ค์๊ฒ ๋งํ์ง ๋ชป ํด์ ์ฐ๋ฌผ์ญ๋ฌผ๐ ํ์ ๋ด์ฉ์ ํ ๋
ธ์
์ ์ด์ฌํ ์ ๊ณ ์๋ค! - ReactNative ํธ์ฌ์๋ ๊ด๋ จ ํ๋ก ํธ์์ ์ฒ๋ฆฌ - ํํฐ๋ง๋ 1:1 ๋งค์นญ ๊ฒฐ๊ณผ๋ฌผ์ ๋ค๋ฅธ ํ์ด์ง์์ ๋์ด์๋ ๊ณ์ ๋ํ๋์๋ ๊ฒ์ผ๋ก - ๋๋ค ๊ทธ๋ฃน์ฑ ๋ชฉ๋ก ์๊ฐ๊ด๋ จํด์ ํ๋ฃจ์ฃผ๊ธฐ๋ก ํ์ํด์ฃผ๋ ๊ฒ? - ๊ทธ๋ฃน์ฑ์ ์ฐธ์ฌํ ๋ alert์ฐฝ ํ์๋ก ๋์์ฃผ๊ธฐ โพ ReactNative ๊ฐ์ ๋ฃ๊ธฐ navigation๊ณผ style-components ์ ์ฉ์ ์์ผ๋ดค๋๋ฐ..
๐ฉ๐ป Today I Learned ๐ โพ ์๊ฐ์ด ๋ง์์ง๋ค ๊ฐ์ ๊ณผ์ ๋ฅผ ํ๋๋ผ๋ ์๊ฐํ๋ ํฌ์ธํธ๊ฐ ์ฌ๋๋ง๋ค ๋ค๋ฅด๋ค๋ ์ ์ด ์ ๊ธฐํ๋ค. ์ค๋ฅ๋ฅผ ๋ง๋๋ ํฌ์ธํธ๊ฐ ๋น์ทํ๋ค๋ ์ ๋ ๋๋๋ค. ๋ด๊ฐ ๊ฒช์๋ ์ค๋ฅ๋ฅผ ๋ค๋ฅธ ์ฌ๋๋ค๋ ๊ฒช๋๊ตฌ๋๋ผ๋ ์๊ฐ์. ์๋ฐฑ๋ฒ ๊ตฌ๊ธ๋งํ๋ฉด์ ๋ต์ ์ฐพ์ ์ ์์๋ ๊ฒ์ ๊ทธ๋ฐ ์ฌ๋๋ค์ด ๋ง๋ค๋ ์ด์ผ๊ธด๋ฐ. ์์ผ ์ ๊ธฐํ๋ค. ๊ถ๊ธํ ํฌ์ธํธ๋ ๋ค๋ฅด๋ค๋ ์ ์ด ๋๋ก์๋ ๋ ํ๋ฒ ๋ฐฐ์ฐ๊ฒ ํด์ค๋ค. โพ ์๊ณ ๋ฆฌ์ฆ ๊ทธ๋ฅ ๋ฌธ์ ํ์ด๋ก๋ง ๋ง์ฃผํ๋ ์๊ณ ๋ฆฌ์ฆ์๋ ๋ฐ์ ์ด ์๋ค๋ ๋๋์ด ๋ค์ด์ ๋์์ ๊ฐ์๋ฅผ ์ฐพ์๋ดค๋ค. ์๊ณ ๋ณด๋ฉด ๋๋ฌด๋ ์ ๊ธฐํ๋ฐ ๋ชจ๋ฅด๊ณ ๋ณด๋ฉด ๋ต๋ตํด์ง๋ ๋ง๋ฒ~ ๐ ๋
ธํธ ํ๊ธฐ๋ ํ์๋ค ํ์!!!!
๐ฉ๐ป Today I Learned ๐ โพ 3์์ ์ด๋ฏธ ์์๋์์ง ์ด์ ๊น์ง๋ง ํด๋ ์์ ํฐ์ง๊ฒ ๋ง๋ค๋ ReactNative Navigator๊ฐ ํด๋๋ฅผ ์๋ก ๋ง๋ค๊ณ ์๋ก ๋น๋ํ๋๋ ์ ๋๋ค. ๐ ๋๋์ฒด ๋ญ์์๊น? ์ด์ ๋ ๋
ธ๋ ๋ชจ๋์ ๊ทธ๋ ๊ฒ ์ง์ ๋ค๊ฐ ์๋ก ์ค์น๋ผ๊ณ ๋๋ฆฌ์๋๋ฐ, ์ค๋์ ๋ณ์๋ ๋ญ์์๊น? ์๋ก์ด ๊ฑธ ์ค์นํ ๋๋ง๋ค ๋ก๋ํ๊ณ ์๋ elmulator๋ server ์ชฝ์ ๋ค ๋๊ณ ์์๋๋ฐ ๊ทธ๊ฒ ๋๋ฌธ์ผ๊น?... ๐ โพ API ํ์ ์์ ์์ด์ดํ๋ ์์ ๊ฑฐ์ ๋๋ธ ํ๋ก์ ํธ์ api์ค๊ณ๋ฅผ ์์ํ๋ค. ๋ชจ๋ฐ์ผ ์ฑ์ด๋ผ์ ํ์ด์ง๋ ๊ฐ๋จํ๋ฐ ์์ ๋ค์ด๊ฐ์๋ ๊ฒ๋ค์ด ๊ต์ฅํ ๋ง์์ ์ด๊ฑฐ ์ง์ง ์ฐ๋ฆฌ ํ ์ ์์๊น?๋ผ๋ ๋๋ ค์๋ง ๋ ์ปค์ ธ๊ฐ๋ค. ์ฐ์ 1์ฐจ์ ์ผ๋ก 2์๊ฐ์ ์ก์์ ์์ํ ์ค๊ณ. 2์ฐจ๋ก ์ด๋ฒ ์ฃผ ์ฃผ๋ง์๋ ํ ์์ ์ธ๋ฐ..
๐ Today I Learned ๐ฉ๐ป โพ ๊ฑธ์๊ฑธ์๋ง๋ค ์ค๋ฅ๋ฅผ ๋ง์ฃผํ๋ค ๋
ธ๋ง๋ ์ฝ๋์ React-Native ๊ฐ์๋ฅผ ๋ฃ๋๋ฐ, ๋ฒ ์ด์งํ ๊ธฐ์ด ๋ถ๋ถ์ ๊ณต๋ถํ๋๋ฐ ํ๋ํ๋ ํจํค์ง๋ฅผ ์ค์นํ ๋๋ง๋ค ์ค๋ฅ๊ฐ ๋๋ค ๐ ๊ณ์ํด์ ๊ตฌ๊ธ๋ง์ ํ๋ค. ๊ตฌ๊ธ๋ง์ ๋์ ์น๊ตฌ. 1์๊ฐ ์ปท์ผ๋ก ๋๋ผ ์ ์๊ฒ ๋ค! ์ถ์๋ ์์
์ด 2-3์๊ฐ์ผ๋ก ๋์ด๋จ ๐คฃ ๋ง์ฃผํ๋ ์ค๋ฅ๋ ๋ค ์ ๋ฆฌํด์ผ์ง ~๋ผ๊ณ ๋ค์งํ๋ฉด์ ๊ทธ ์๊ฐ์ ๋ ๋์ด๋๊ฒ ๋์๋ค. โพ ์ฝ๋ฉํ
์คํธ ํ๋ก๊ทธ๋๋จธ์ค๋ก ์ฝ๋ฉ ํ
์คํธ ๊ณต๋ถ๋ฅผ ํ๋๋ฐ ๋ ๋ฒจ 1์ ์ฌ๋ฐ๊ฒํ๋๋ฐ ๋ ๋ฒจ 2๋ ๊ฐ์๊ธฐ ์ด๋๋ ๋ ๋ฒจ์ด ๋๊ฑฐ๊ฐ๋ค. ๋ ๋ฒจ1์ ๋๋ธ์ง๊ฐ ๊ฝค๋์๋๋ฐ ๋ ๋ฒจ2๋ ์ข์ฒ๋ผ ์ง๋๊ฐ ์ ๋๊ฐ์ ์ฝ๋ฉ ํ
์คํธ๋ ์ด๋ป๊ฒ ๊ณต๋ถํด์ผ ํ ๊น?๋ผ๋ ๊ทผ๋ณธ์ ์ธ ๊ถ๊ธ์ฆ์ด ์๊ฒผ๋ค. ๋ ๋ฒจ 1 ํ๋ฏ์ด ํ๋ฉด ์ ๋ ๊ฒ ๊ฐ๋ค. โพ ๋ฉด์ ๊ณต๋ถ ๊น..