๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ

๐Ÿ‘ฉ‍๐Ÿ’ป 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 ํ•˜๋“ฏ์ด ํ•˜๋ฉด ์•ˆ ๋  ๊ฒƒ ๊ฐ™๋‹ค. โ—พ ๋ฉด์ ‘ ๊ณต๋ถ€ ๊นƒ..
๋ฐ(Ming) ๐Ÿฐ
'๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก (15 Page)