๊ฐœ๋ฐœ/๐Ÿ“ TIL

๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š โ—พ ์ •์ฒ˜๊ธฐ ๋“ฑ๋ก ํ•„๊ธฐ๋ฅผ ๋“ฑ๋กํ–ˆ๋‹ค. ์•„๋‹ˆ..๋ณ€๋ช…์•„๋‹Œ ๋ณ€๋ช…์„ ํ•ด๋ณด์ž๋ฉด...์ด๋ฒˆ๋…„๋„ 1ํšŒ์ฐจ์— ์ ‘์ˆ˜๋ฅผ ํ•˜๋ ค๊ณ ํ–ˆ๋Š”๋ฐ, ์ž๊ฒฉ์š”๊ฑด์ด ๋ญ๊ฐ€ ๋„ˆ๋ฌด ๋งŽ์€๊ฑฐ๋‹ค ใ… ใ…  ๊ทธ ์š”๊ฑด ์ค‘์— ํ•ด๋‹น ์•ˆ๋˜๋Š”๊ฒŒ ๋„ˆ๋ฌด ๋งŽ์•„์„œ ๋‚œ ๋‹น์—ฐํžˆ ์ž๊ฒฉ์ด ์•ˆ๋œ๋‹ค๊ณ  ์ƒ๊ฐํ•ด์„œ ๋“ฑ๋ก์„ ์•ˆ ํ–ˆ๋Š”๋ฐ, .... ๋ถ€ํŠธ์บ ํ”„๋ฅผ ํ•˜๋ฉด์„œ ์นœ๊ตฌ๋“ค๊ณผ ์ด์•ผ๊ธฐํ•ด๋ณด๋‹ˆ ๊ทธ๋Ÿฐ๊ฒŒ ์•„๋‹ˆ์˜€๋‹ค. ๊ทธ๋ƒฅ 4๋…„์ œ ๋‚˜์™”์œผ๋ฉด ๋œ๋‹ค๊ณ  ... ๋‹ค๋“ค ์™œ ๊ทธ๊ฑธ ์•ˆ ํ–ˆ๋ƒ๊ณ ... 2ํšŒ๋•Œ๊ฐ€ ์˜ค๊ธธ ๊ธฐ๋‹ค๋ ธ๊ณ , ์˜ค๋Š˜ ๊ฐ€์ž…ํ•ด์„œ ํ•ด๋ณด๋‹ˆ ์ž๊ฒฉ์š”๊ฑด์ด ๋˜๋”๋งŒ....ใ… ใ… ใ… ใ… ใ… ใ… ใ…  ๋‚˜ ์ง„์งœ ..๋ญํ–ˆ๋‹ˆ.... โ—พ ๋ฉ˜ํƒˆ์ฑ™๊ฒจ ์˜ค๋Š˜ ์ฒจ์œผ๋กœ ๋ช…์ƒ์ด๋ผ๋Š” ๊ฑธ ํ•ด๋ดค๋‹ค. ๊ฐ€๋งŒํžˆ ์•‰์•„์„œ ๋ˆˆ์„ ๊ฐ๊ณ  ํ˜ธํก์„ ํ•˜๋ฉฐ ๋จธ๋ฆฟ์†์„ ์ •๋ฆฌํ•ด๋ดค๋‹ค. ๋‚ด๊ฐ€ ๋†“์นœ ๊ฒƒ๋“ค์ด ๋ญ๊ฐ€ ์žˆ์„๊นŒ ๋ถ€์กฑํ•œ๊ฒƒ๋“ค์ด ๋ญ๊ฐ€ ์žˆ์—ˆ๋˜๊ฑธ๊นŒ? ...
๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š โ—พ ๋ฉด์ ‘ ๋ณด๊ณ  ์˜จ ๋‚ด์šฉ๋“ค์„ ํŠนํžˆ ๋‹ต์„ ์ œ๋Œ€๋กœ ํ•˜์ง€ ๋ชปํ•œ ๋ถ€๋ถ„์€ ์ •๋ฆฌํ•ด์„œ ์ถ”ํ›„์— ์˜ฌ๋ฆด ์˜ˆ์ •์ด๋‹ค. ํ˜ธ๋‹ฌ๋‹ฌ๋‹ฌ๋‹ฌ ๋–จ๋ฆฌ๋Š” ๋‹ค๋ฆฌ, ํ›„๋œ๋œ๋œ ์‹ฌ์žฅ๋ฐ•๋™, ๊ธฐ์ˆ ๋ฉด์ ‘ ๐Ÿ’จ , ์•„๋ฌด ๋ง ๋Œ€์ž”์น˜์˜€๋˜ ๊ฒƒ ๊ฐ™์€ ์ปฌ์ณํ• ๋ฉด์ ‘ ๋ชจ๋ฅด๋Š” ๊ฑด ์•„๋Š”์ฒ™ ๋ง๊ณ , ๋งํ•˜๋”๋ผ๋„ ์ž์‹ ๊ฐ ๋„˜์น˜๋Š” ๋ชจ์Šต์„ ๋ณด์—ฌ์ฃผ๊ณ  ์˜ค์ž๊ณ  ์ƒ๊ฐํ•˜๋ฉฐ ๋“ค์–ด๊ฐ”๋Š”๋ฐ, ์˜ค๋งŒํ•œ ๋ชจ์Šต๋งŒ ๋ณด์ด์ง€ ์•Š์•˜๋‚˜ ์‹ถ๋‹ค. ์ปฌ์ณํ• ์งˆ๋ฌธ์—๋Š” ๋‚ด๊ฐ€ ๋ฌด์Šจ ๋Œ€๋‹ต์„ ํ•œ๊ฑฐ์ง€?๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค ์ •๋„๋กœ.. ๋‹ค ๋๋‚˜๊ณ  ๋‚˜์˜ค๋ฉด์„œ ํ—ˆ๊ณต์— ๋ฐœ๊ธธ์งˆ์„ ์ˆ˜์‹ญ ๋ฒˆ ใ…Ž...๋ฉด์ ‘์ด 20๋ถ„ ์ง€๋‚˜๊ณ  40๋ถ„ ์ง€๋‚˜๊ณ  ํ˜ผ์ด ์ ์  ๋‚ ์•„๊ฐ„ ๋“ฏํ•œ ๋А๋‚Œ..... (์‹ค๊ฐ๋‚˜๋Š” ๋‚˜์˜ ๋ชจ์Šต์„ ๋‹ด๊ธฐ ์œ„ํ•ด ์งค ์†Œํ™˜) ๋‚˜์˜ ํ—›๋ฐœ์งˆ๊ณผ ๋‹ฌ๋ฆฌ ๋ฉด์ ‘์„ ์ง„ํ–‰ํ•ด์ฃผ์…จ๋˜ ๊ฐœ๋ฐœ์ž๋ถ„๋“ค๊ณผ ์ธ์‚ฌ๋‹ด๋‹น์ž๋ถ„์€ - '๋‚˜'๋ผ๋Š” ์‚ฌ๋žŒ์— ๋Œ€ํ•ด์„œ ๊ทธ๋ฆฌ๊ณ  ๋‚ด๊ฐ€ ..
๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š โ—พ Flutter vs React Native ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์œ„ํ•ด์„œ React Native์™€ TypeScript๋ฅผ ๊ฐ‘์ž‘์Šค๋Ÿฝ๊ฒŒ ๋ฐฐ์šฐ๊ธฐ ์‹œ์ž‘ํ–ˆ์—ˆ๋Š”๋ฐ, ํ”„๋กœ์ ํŠธ ํšŒ์˜๋ฅผ ๊ฑฐ๋“ญํ•˜๋‹ค๊ฐ€ ํ”„๋ก ํŠธ ์Šคํƒ ๋ณ€๊ฒฝ์— ๋Œ€ํ•œ ์ด์•ผ๊ธฐ๊ฐ€ ๋‚˜์™”๋‹ค. ํ•จ๊ป˜ ํ•˜๋Š” ํŒ€์› ์ค‘์— Flutter๋ฅผ ๋ฐฐ์šธ ์ผ์ด ์ƒ๊ฒจ์„œ ์ ‘ํ–ˆ๋Š”๋ฐ React Native ๋ณด๋‹ค ๋” ๊ดœ์ฐฎ์„์ง€๋„ ๋ชจ๋ฅธ๋‹ค๋Š” ์˜๊ฒฌ์ด ๋‚˜์™”๋‹ค. ๊ฐœ์ธ์ ์œผ๋กœ TypeScript๋ฅผ ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ๋งˆ์Œ์ด ์ปค์—ˆ๊ธฐ์— ๋ช‡ ๋ฒˆ ๋“ฃ๊ธด ํ–ˆ์ง€๋งŒ ์ž˜ ๋ชจ๋ฅด๋Š” Flutter์— ๋Œ€ํ•ด์„œ ๊ธ‰ํ•˜๊ฒŒ ์•Œ์•„๋ดค๋‹ค. ํฌ๋กœ์Šค ํ”Œ๋žซํผ ๋ชจ๋ฐ”์ผ ์•ฑ์„ ๊ตฌ์ถ•ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ๋‹จ์—ฐ ๋– ์˜ค๋ฅด๋Š” ์„ ํƒ์ง€ ๋‘๊ฐœ๊ฐ€ ๋ฐ”๋กœ Flutter๋ž‘ React Native๋‹ค React Native์˜ ์ƒํƒœํ™˜๊ฒฝ์ด ๋” ํฌ๊ณ  ๋Œ€์ค‘์ ์˜€์ง€๋งŒ ์š”์ฆ˜์€ ์‹ฌ์‹ฌ์น˜..
๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š โ—พ ์ฝ”ํ…Œ๊ณต๋ถ€ ์ด์   ๋…ธํŠธ๊ฐ€ ์—†์œผ๋ฉด ์ดํ•ด๋„ ์‰ฝ์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™๋‹ค. ใ…Ž... ๋…ธํŠธ์— ๊ทธ๋ ค๊ฐ€๋ฉด์„œ ๋ฌธ์ œ๋ฅผ ํ‘ธ๋Š”๋ฐ๋„ ์‰ฝ์ง€ ์•Š๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ๋ญ”๊ฐ€ ์•Œ ๊ฒƒ ๊ฐ™์œผ๋ฉด์„œ๋„ ์•Œ์ญ๋‹ฌ์ญํ•œ ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ. ๊ทธ๋ž˜๋„ ๋ง‰์—ฐํžˆ ๋‘๋ ค์›Œํ•˜๋Š” ๊ฒƒ๋ณด๋‹จ ๊ฒฉํŒŒํ•˜๋Š” ํŽธ์ด ํ›จ ๋‚ฌ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ•˜๋ฉฐ ํ’€์—ˆ๋‹ค. โ—พ ๋…ธ์…˜ ์ด๋ ฅ์„œ ์ˆ˜์ • c#์„ ๊ฐ€๋ฅด์ณ์„œ ์ผ์„ ์‹œํ‚ค๊ฒ ๋‹ค๋Š” ํšŒ์‚ฌ๋ฅผ ๋งŒ๋‚ฌ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ž๋ฐ”๋กœ ๋ณด์‹ ๊ฑด๊ฐ€? ๋‹ค์‹œ ๋…ธ์…˜์„ ์ผฐ๊ณ  ์ด๋ ฅ์„œ๋ฅผ ์˜คํ”ˆํ–ˆ๋‹ค. ์ด๋ ฅ์„œ๋Š” ๊ณ ์น˜๊ณ  ๋˜ ๊ณ ์น˜๋Š” ๊ฒƒ์ด์ฃ  ๐Ÿ˜‡ ํ™”์ดํŒ… ํ™”์ดํŒ…! ์ตœ์„ ์„ ๋‹คํ•ด์„œ ๋Œ๋ฆฌ๋Š” ํ–‰๋ณตํšŒ๋กœ ๐Ÿ˜
๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š โ—พ API ์„ค๊ณ„ ํšŒ์˜ ๋งˆ์ง€๋ง‰ api์„ค๊ณ„ ํšŒ์˜๋ฅผ ๋งˆ์ณค๋‹ค. ๊ฐ™์€ ์ฑ„ํŒ…๋ฐฉ์ด์—ฌ๋„ ๊ทธ๋ฃน์ฑ„ํŒ…๋ฐฉ๊ณผ 1:1 ์ฑ„ํŒ…๋ฐฉ์— ๋Œ€ํ•œ ๋‚ด์šฉ๋„ ๋‹ฌ๋ผ์ง€๊ณ  ์œ ์ €๋ฅผ ์‹ ๊ณ ํ•˜๋Š” ๊ธฐ๋Šฅ๋„ ๋„ฃ์œผ๋ฉด์„œ ํšŒ์˜๋Š” ๊ธธ์–ด์ง€๊ณ  ์ƒ๊ฐํ•ด์•ผํ•  ๊ฒƒ๋“ค๋„ ๋งŽ์•˜๋‹ค. ๋‹จ์ˆœํžˆ ์‹ ๊ณ  ๊ธฐ๋Šฅ๋งŒ์„ ๋„ฃ๋Š”๋‹ค๊ณ  ๋์ด ์•„๋‹ˆ๋ผ ๊ธฐ์ค€์„ ์ •ํ•˜๊ณ  ์ดํ›„์— ์–ด๋–ป๊ฒŒ ์œ ์ €๋ฅผ ์ฒ˜๋ฆฌํ•  ๊ฒƒ์ธ๊ฐ€์— ๋Œ€ํ•œ ์ด์•ผ๊ธฐ๋“ค์„ ํ•˜๋ฉด์„œ ๊ฒฐ๊ตญ์€ ์ธ๋ ฅ์„ ๋”ํ•˜๊ฒŒ ๋˜์—ˆ์ง€๋งŒ. ์•ž์œผ๋กœ ๋ฐœ์ „์‹œ์ผœ๋‚˜๊ฐ€๋ฉด ๋˜์ง€ ์•Š๊ฒ ๋ƒ๋ฉฐ ํšŒ์˜๋ฅผ ๋งˆ๋ฌด๋ฆฌํ–ˆ๋‹ค. โ—พ React-Query React Query๋ฅผ ์“ฐ๋Š” ๋ฒ•์„ ๋ฐฐ์› ๋‹ค. ์ฝ”๋“œ๋ฅผ ์ ์œผ๋ฉด์„œ ๋จธ๋ฆฟ์†์œผ๋กœ ์•„~ ํ•˜๋ฉฐ ์ดํ•ด๋ฅผ ํ–ˆ์ง€๋งŒ ๊ฐœ๋…์ ์ธ ๋ถ€๋ถ„์„ ๋‹ค์‹œ ์ •๋ฆฌํ•ด์•ผํ•  ํ•„์š”๊ฐ€ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค. ๋ฐ์ดํ„ฐ fetch๋ฅผ ์—ฌ๋Ÿฌ๋ฒˆ ๋ฐ›์•„์˜ค๋Š” ์ƒํ™ฉ์—์„œ ๋งค๋ฒˆ ํŽ˜์ด์ง€๋ฅผ ๋„˜๋‚˜๋“ค ๋•Œ๋งˆ๋‹ค ๋ฐ์ดํ„ฐ๋ฅผ ์ƒˆ๋กœ ๋ฐ›์•˜๋Š”..
๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š โ—พ ์ด๋ ‡๊ฒŒ ๋ฌผ๋Ÿฌ๋‚  ์ค„ ์•Œ๊ณ ? ์ง„์งœ ๋ฒ„ํ‹ด๋‹ค. ๋„ค ์ฃผ์ œ๋ฅผ ์•Œ๋ผ๋Š” ๋ง์ด ๊ณ„์†ํ•ด์„œ ๋งด๋„๋Š” ์ง€๋‚œ ๋ช‡ ์ผ๊ฐ„์ด์˜€๋‹ค. ๋„ˆ๋ฌด ํ™”๊ฐ€ ๋‚ฌ๋‹ค. ๋๊นŒ์ง€ํ•œ๋‹ค. ๋๊นŒ์ง€ ๋ฒ„ํ‹ด๋‹ค. ์ด ์•…๋ฌผ๊ณ  ์ด ๋ฐ”๋Š˜ ๊ตฌ๋ฉ ๋‚ด๊ฐ€ ๋šซ๊ณ  ๋“ค์–ด๊ฐ„๋‹ค.
๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š โ—พ ๋‹ˆ๊ผฌ์Œค์˜ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ ๊ฐ•์˜ - ์˜ํ™”์•ฑ ๋งŒ๋“ค๊ธฐ 50% ๋‹ฌ์„ฑ ์ƒ๊ฐ๋ณด๋‹ค ์–ด๋ ต๊ณ , ๊ฐ‘์ž๊ธฐ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๊นŒ์ง€ ๋ผ์—ฌ๋“œ๋‹ˆ๊น ๋” ์ •์‹ ์ด ์—†๋‹ค. ๐Ÿ˜… ์˜ค๋Š˜ ๋‹ค ์™„์„ฑํ•  ์ˆ˜ ์žˆ์„ ๊ฑฐ๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋Š”๋ฐ ใ… ใ…  โ—พ ํ•ญ์ƒ ๊ธ์ •์ ์œผ๋กœ!!! ๋ถ€์ •์ ์œผ๋กœ ์ƒ๊ฐํ•œ๋‹ค๊ณ ํ•ด์„œ ๋  ๊ฒŒ ํ•˜๋‚˜๋„ ์—†๋‹ค!! ์–ด์ฐจํ”ผ ํ• ๊ฑฐ๋ผ๋ฉด ๊ธ์ •์ ์œผ๋กœ! ์ด๋˜ํ•œ ๋„์›€์ด ๋  ๊ฒƒ์ด๋ผ๋Š” ์ƒ๊ฐ์œผ๋กœ! ๋งค์‚ฌ ๋ถ€์ •์ ์ด๋ฉด ๋ฌด์Šจ ์žฌ๋ฏธ๋กœ ์‚ด์•„๊ฐ€๋ฉฐ~ ๋  ๊ฒƒ๋„ ์•ˆ ๋  ๊ฒƒ์ด๋‹ค! ์ธ์ •ํ•  ๊ฑด ์ธ์ •ํ•˜๊ณ ! ์›ƒ์œผ๋ฉด์„œ! ํ™”์ดํŒ…!!!!!
๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š โ—พ ์œ ์พŒํ•œ ๋‹ˆ๊ผฌ์Œค์˜ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ ๋“œ๋””์–ด ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋กœ ์˜ํ™” ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ์— ๋Œ์ž…ํ–ˆ๋‹ค! ์ƒˆ๋กญ๊ฒŒ ํด๋” ๊ตฌ์กฐ๋ถ€ํ„ฐ ๋งŒ๋“ค์–ด๊ฐ€๋Š”๋ฐ ์‰ฝ์ง€ ์•Š๋„ค ใ…  ์™œ ์…‹ํŒ…ํ•˜๋Š”๋ฐ ์‹œ๊ฐ„์ด ์ด๋ ‡๊ฒŒ ์˜ค๋ž˜ ๊ฑธ๋ฆฌ๋Š” ๊ฑด์ง€. ํ•˜์ง€๋งŒ ์ƒˆ๋กœ์šด ๊ฑธ ๋งŒ๋“ค์–ด๊ฐ„๋‹ค๋Š” ๊ฑด ๋Š˜ ์ฆ๊ฑฐ์šด ์—๋„ˆ์ง€๋ฅผ ์ค€๋‹ค! ๋ธ”๋กœ๊ทธ์— ์ •๋ฆฌํ•  ๋ฆฌ์ŠคํŠธ๋ฅผ ๋งŒ๋“ค์–ด๋ณด๋Š”๋ฐ ๊ฝค ๋งŽ์•„์„œ ์ด๊ฑธ ์–ธ์ œ ๋‹คํ•˜์ง€ ๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ใ…Žใ…Ž....๐Ÿ‘€
๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š โ—พ ๋์ด ์—†๋Š” ํšŒ์˜ API ์„ค๊ณ„ํ• ๊ฒŒ ๋งŽ์•„์„œ ์ด๋ฒˆ ์ฃผ๋Š” ์—ฌ๋Ÿฌ ์ฐจ๋ก€ ํšŒ์˜๋ฅผ ์žก์•˜๋‹ค. ๋ณ€์ˆ˜์ด๋ฆ„์„ ์ง€์œผ๋ฉด์„œ๋„ ์ง„์งœ ๋‹ค์–‘ํ•œ ์ด์•ผ๊ธฐ๋ฅผ ํ•˜๊ณ  ๊ณ ๋ฏผ์„ ํ•˜๊ณ  ์„ค๊ณ„๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ• ์ง€ ๊ณ ๋ฏผ๋„ ๊ฑฐ๋“ญํ•˜๋ฉฐ ๋””์ž์ธ๋„ ์‚ด์ง ๋ฐ”๋€Œ๊ณ  ใ…Žใ…Ž...์ถฉ๋ถ„ํžˆ ๊ณ ๋ฏผํ•˜๋ฉด์„œ ๋งŒ๋“ค์–ด๊ฐ€๋Š”๊ฒƒ ๊ฐ™์€๋ฐ ๊ณ„์†ํ•ด์„œ ์ˆ˜์ •ํ•  ๋ถ€๋ถ„์ด ๋‚˜์˜จ๋‹ค. ใ…Žใ…Žใ…Ž... โ—พ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ ํ”„๋กœ์ ํŠธ API ์„ค๊ณ„๊ฐ€ ์ค‘๋ฐ˜์„ ๋„˜์–ด๊ฐ€๋ฉด์„œ ๋” ์ดˆ์กฐํ•ด์ง€๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค. ์ด๋Ÿฐ ๊ธฐ๋ถ„ ๋„ˆ๋ฌด ์‹ซ๋‹ค!! ์ด ๊ธฐ๋ถ„์„ ์—†์• ๊ธฐ ์œ„ํ•ด์„œ ๊ฐ•์˜๋ฅผ ๋ดค๋‹ค!! ใ…Ž... ์ด ๊ฐ•์˜๋ฅผ ๋๋‚ด๊ณ ๋‚˜๋ฉด ํ”„๋กœ์ ํŠธ ๋นŒ๋“œ์— ๋Œ€ํ•œ ์ดˆ์กฐํ•จ์ด ์‚ฌ๋ผ์กŒ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค! ์ด ๋ชจ๋ฐ”์ผ์•ฑ ์™„์ „ ์ž˜ ๋งŒ๋“ค๊ณ  ์‹ถ๋‹ค!! โ—พ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ˆœ์—ดํ•จ์ˆ˜ ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ๋ฅผ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ๋‹จ์ˆœํ•œ ๋ฌธ์ œ๋“ค๋งŒ ํ’€์–ด์™”์—ˆ๋‚˜๋ณด๋‹ค. ์™„์ „ํƒ์ƒ‰, ์ˆœ์—ด์ด๋Ÿฐ ๋‹จ์–ด..
๐Ÿ‘ฉโ€๐Ÿ’ป 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์ฐจ๋กœ ์ด๋ฒˆ ์ฃผ ์ฃผ๋ง์—๋„ ํ•  ์˜ˆ์ •์ธ๋ฐ..