โ
๋ฌธ์ ์ง์ง์ด ์ ๊ฑฐํ๊ธฐ๋, ์ํ๋ฒณ ์๋ฌธ์๋ก ์ด๋ฃจ์ด์ง ๋ฌธ์์ด์ ๊ฐ์ง๊ณ ์์ํฉ๋๋ค. ๋จผ์ ๋ฌธ์์ด์์ ๊ฐ์ ์ํ๋ฒณ์ด 2๊ฐ ๋ถ์ด ์๋ ์ง์ ์ฐพ์ต๋๋ค. ๊ทธ๋ค์, ๊ทธ ๋์ ์ ๊ฑฐํ ๋ค, ์๋ค๋ก ๋ฌธ์์ด์ ์ด์ด ๋ถ์
๋๋ค. ์ด ๊ณผ์ ์ ๋ฐ๋ณตํด์ ๋ฌธ์์ด์ ๋ชจ๋ ์ ๊ฑฐํ๋ค๋ฉด ์ง์ง์ด ์ ๊ฑฐํ๊ธฐ๊ฐ ์ข
๋ฃ๋ฉ๋๋ค. ๋ฌธ์์ด S๊ฐ ์ฃผ์ด์ก์ ๋, ์ง์ง์ด ์ ๊ฑฐํ๊ธฐ๋ฅผ ์ฑ๊ณต์ ์ผ๋ก ์ํํ ์ ์๋์ง ๋ฐํํ๋ ํจ์๋ฅผ ์์ฑํด ์ฃผ์ธ์. ์ฑ๊ณต์ ์ผ๋ก ์ํํ ์ ์์ผ๋ฉด 1์, ์๋ ๊ฒฝ์ฐ 0์ ๋ฆฌํดํด์ฃผ๋ฉด ๋ฉ๋๋ค. ์๋ฅผ ๋ค์ด, ๋ฌธ์์ด S = baabaa ๋ผ๋ฉด b aa baa → bb aa → aa → ์ ์์๋ก ๋ฌธ์์ด์ ๋ชจ๋ ์ ๊ฑฐํ ์ ์์ผ๋ฏ๋ก 1์ ๋ฐํํฉ๋๋ค.์ ํ์ฌํญ ๋ฌธ์์ด์ ๊ธธ์ด : 1,000,000์ดํ์ ์์ฐ์ ๋ฌธ์์ด์ ๋ชจ๋ ์๋ฌธ์๋ก ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค. โ
์
์ถ..
๐ฉ๐ป Today I Learned ๐ โพ API ์ค๊ณ ํ์ ๋ง์ง๋ง api์ค๊ณ ํ์๋ฅผ ๋ง์ณค๋ค. ๊ฐ์ ์ฑํ
๋ฐฉ์ด์ฌ๋ ๊ทธ๋ฃน์ฑํ
๋ฐฉ๊ณผ 1:1 ์ฑํ
๋ฐฉ์ ๋ํ ๋ด์ฉ๋ ๋ฌ๋ผ์ง๊ณ ์ ์ ๋ฅผ ์ ๊ณ ํ๋ ๊ธฐ๋ฅ๋ ๋ฃ์ผ๋ฉด์ ํ์๋ ๊ธธ์ด์ง๊ณ ์๊ฐํด์ผํ ๊ฒ๋ค๋ ๋ง์๋ค. ๋จ์ํ ์ ๊ณ ๊ธฐ๋ฅ๋ง์ ๋ฃ๋๋ค๊ณ ๋์ด ์๋๋ผ ๊ธฐ์ค์ ์ ํ๊ณ ์ดํ์ ์ด๋ป๊ฒ ์ ์ ๋ฅผ ์ฒ๋ฆฌํ ๊ฒ์ธ๊ฐ์ ๋ํ ์ด์ผ๊ธฐ๋ค์ ํ๋ฉด์ ๊ฒฐ๊ตญ์ ์ธ๋ ฅ์ ๋ํ๊ฒ ๋์์ง๋ง. ์์ผ๋ก ๋ฐ์ ์์ผ๋๊ฐ๋ฉด ๋์ง ์๊ฒ ๋๋ฉฐ ํ์๋ฅผ ๋ง๋ฌด๋ฆฌํ๋ค. โพ React-Query React Query๋ฅผ ์ฐ๋ ๋ฒ์ ๋ฐฐ์ ๋ค. ์ฝ๋๋ฅผ ์ ์ผ๋ฉด์ ๋จธ๋ฆฟ์์ผ๋ก ์~ ํ๋ฉฐ ์ดํด๋ฅผ ํ์ง๋ง ๊ฐ๋
์ ์ธ ๋ถ๋ถ์ ๋ค์ ์ ๋ฆฌํด์ผํ ํ์๊ฐ ์์ ๊ฒ ๊ฐ๋ค. ๋ฐ์ดํฐ fetch๋ฅผ ์ฌ๋ฌ๋ฒ ๋ฐ์์ค๋ ์ํฉ์์ ๋งค๋ฒ ํ์ด์ง๋ฅผ ๋๋๋ค ๋๋ง๋ค ๋ฐ์ดํฐ๋ฅผ ์๋ก ๋ฐ์๋..
๐ฉ๐ป 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 ๐ โพ ์๊ฐ์ด ๋ง์์ง๋ค ๊ฐ์ ๊ณผ์ ๋ฅผ ํ๋๋ผ๋ ์๊ฐํ๋ ํฌ์ธํธ๊ฐ ์ฌ๋๋ง๋ค ๋ค๋ฅด๋ค๋ ์ ์ด ์ ๊ธฐํ๋ค. ์ค๋ฅ๋ฅผ ๋ง๋๋ ํฌ์ธํธ๊ฐ ๋น์ทํ๋ค๋ ์ ๋ ๋๋๋ค. ๋ด๊ฐ ๊ฒช์๋ ์ค๋ฅ๋ฅผ ๋ค๋ฅธ ์ฌ๋๋ค๋ ๊ฒช๋๊ตฌ๋๋ผ๋ ์๊ฐ์. ์๋ฐฑ๋ฒ ๊ตฌ๊ธ๋งํ๋ฉด์ ๋ต์ ์ฐพ์ ์ ์์๋ ๊ฒ์ ๊ทธ๋ฐ ์ฌ๋๋ค์ด ๋ง๋ค๋ ์ด์ผ๊ธด๋ฐ. ์์ผ ์ ๊ธฐํ๋ค. ๊ถ๊ธํ ํฌ์ธํธ๋ ๋ค๋ฅด๋ค๋ ์ ์ด ๋๋ก์๋ ๋ ํ๋ฒ ๋ฐฐ์ฐ๊ฒ ํด์ค๋ค. โพ ์๊ณ ๋ฆฌ์ฆ ๊ทธ๋ฅ ๋ฌธ์ ํ์ด๋ก๋ง ๋ง์ฃผํ๋ ์๊ณ ๋ฆฌ์ฆ์๋ ๋ฐ์ ์ด ์๋ค๋ ๋๋์ด ๋ค์ด์ ๋์์ ๊ฐ์๋ฅผ ์ฐพ์๋ดค๋ค. ์๊ณ ๋ณด๋ฉด ๋๋ฌด๋ ์ ๊ธฐํ๋ฐ ๋ชจ๋ฅด๊ณ ๋ณด๋ฉด ๋ต๋ตํด์ง๋ ๋ง๋ฒ~ ๐ ๋
ธํธ ํ๊ธฐ๋ ํ์๋ค ํ์!!!!