์ „์ฒด ๊ธ€

๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป Frontend Developer
โœ…๋ฌธ์ œ ์ง์ง€์–ด ์ œ๊ฑฐํ•˜๊ธฐ๋Š”, ์•ŒํŒŒ๋ฒณ ์†Œ๋ฌธ์ž๋กœ ์ด๋ฃจ์–ด์ง„ ๋ฌธ์ž์—ด์„ ๊ฐ€์ง€๊ณ  ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. ๋จผ์ € ๋ฌธ์ž์—ด์—์„œ ๊ฐ™์€ ์•ŒํŒŒ๋ฒณ์ด 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 ๐Ÿ“š โ—พ ์ƒ๊ฐ์ด ๋งŽ์•„์ง„๋‹ค ๊ฐ™์€ ๊ณผ์ œ๋ฅผ ํ•˜๋”๋ผ๋„ ์ƒ๊ฐํ•˜๋Š” ํฌ์ธํŠธ๊ฐ€ ์‚ฌ๋žŒ๋งˆ๋‹ค ๋‹ค๋ฅด๋‹ค๋Š” ์ ์ด ์‹ ๊ธฐํ•˜๋‹ค. ์˜ค๋ฅ˜๋ฅผ ๋งŒ๋‚˜๋Š” ํฌ์ธํŠธ๊ฐ€ ๋น„์Šทํ•˜๋‹ค๋Š” ์ ๋„ ๋†€๋ž๋‹ค. ๋‚ด๊ฐ€ ๊ฒช์—ˆ๋˜ ์˜ค๋ฅ˜๋ฅผ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค๋„ ๊ฒช๋Š”๊ตฌ๋‚˜๋ผ๋Š” ์ƒ๊ฐ์—. ์ˆ˜๋ฐฑ๋ฒˆ ๊ตฌ๊ธ€๋งํ•˜๋ฉด์„œ ๋‹ต์„ ์ฐพ์„ ์ˆ˜ ์žˆ์—ˆ๋˜ ๊ฒƒ์€ ๊ทธ๋Ÿฐ ์‚ฌ๋žŒ๋“ค์ด ๋งŽ๋‹ค๋Š” ์ด์•ผ๊ธด๋ฐ. ์ƒˆ์‚ผ ์‹ ๊ธฐํ–ˆ๋‹ค. ๊ถ๊ธˆํ•œ ํฌ์ธํŠธ๋„ ๋‹ค๋ฅด๋‹ค๋Š” ์ ์ด ๋‚˜๋กœ์„œ๋„ ๋˜ ํ•œ๋ฒˆ ๋ฐฐ์šฐ๊ฒŒ ํ•ด์ค€๋‹ค. โ—พ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๊ทธ๋ƒฅ ๋ฌธ์ œํ’€์ด๋กœ๋งŒ ๋งˆ์ฃผํ•˜๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜์—๋Š” ๋ฐœ์ „์ด ์—†๋‹ค๋Š” ๋А๋‚Œ์ด ๋“ค์–ด์„œ ๋™์˜์ƒ ๊ฐ•์˜๋ฅผ ์ฐพ์•„๋ดค๋‹ค. ์•Œ๊ณ ๋ณด๋ฉด ๋„ˆ๋ฌด๋‚˜ ์‹ ๊ธฐํ•œ๋ฐ ๋ชจ๋ฅด๊ณ  ๋ณด๋ฉด ๋‹ต๋‹ตํ•ด์ง€๋Š” ๋งˆ๋ฒ•~ ๐Ÿ‘€ ๋…ธํŠธ ํ•„๊ธฐ๋Š” ํ•„์ˆ˜๋‹ค ํ•„์ˆ˜!!!!
๋ฐ(Ming) ๐Ÿˆ‍โฌ›
Ming devlog