๐Ÿ–‹ ์ฝ”๋“œ๋ฅผ ํ•œ ๋ฒˆ์— ์ดํ•ดํ•  ์ˆ˜ ์žˆ์œผ๋ฉด ์–ผ๋งˆ๋‚˜ ์ข‹์„๊นŒ

[meษช]ยท2022๋…„ 2์›” 2์ผ
0

0-2. Run-up

๋ชฉ๋ก ๋ณด๊ธฐ
4/9
post-thumbnail

๋‚ด๊ฐ€ ๊ฐœ๋ฐœ์„ ๋ฐฐ์šธ ๊ฑฐ๋ผ๊ณ  ์ƒ์ƒํ•˜๊ธฐ ์–ด๋ ค์› ์„ ๋•Œ ๊ฐœ๋ฐœ์ž๋ถ„๊ป˜ ์ด๋Ÿฐ์ €๋Ÿฐ ์งˆ๋ฌธ์„ ํ•˜๋ฉด ๊ทธ ๋ถ„์ด ๋Œ€๋‹ตํ•ด ์ฃผ์‹œ๋‹ค๊ฐ€ ๊ฐ€๋” ์žฅ๋‚œ์œผ๋กœ "C์–ธ์–ด๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด ๋ณด์„ธ์š”."๋ผ๊ณ  ๋งํ–ˆ๋‹ค. ๋‚˜๋„ ๊ฐœ๋ฐœ ๊ณต๋ถ€๋ฅผ ํ•ด๋ณด๋ผ๋Š” ์žฅ๋‚œ์Šค๋Ÿฌ์šด ๊ถŒ์œ ์˜€๋‹ค. ๋˜ ๊ฐœ๋ฐœ ์กฐ์ง์— ๋Œ€ํ•ด ์ž˜ ๋ชฐ๋ž์„ ๋•Œ ์ € ๊ฐœ๋ฐœ์ž ๋ถ„๊ณผ ์ € ๊ฐœ๋ฐœ์ž ๋ถ„์€ ์–ด๋–ป๊ฒŒ ๋‹ค๋ฅด๋ƒ ๋“ฑ์˜ ์งˆ๋ฌธ์— "ํ•˜๋Š” ์—ญํ• ๋„, ์“ฐ๋Š” ์–ธ์–ด๋„ ๋‹ค๋ฅด๋‹ค." ๋ผ๋Š” ๋‹ต๋ณ€์„ ๋“ฃ๊ธฐ๋„ ํ–ˆ๋‹ค. ๊ทธ๋ž˜์„œ ํ˜ผ์ž ์ƒ๊ฐํ•ด ๋ณด๊ธฐ๋ฅผ, ํ•ญ์ƒ ์–ด๋‘์šด ๋ฐ”ํƒ•์— ์•Œ ์ˆ˜ ์—†๋Š” code๋ฅผ ๋“ค์—ฌ๋‹ค ๋ณด๋Š” ์ € ์‚ฌ๋žŒ๋“ค๋„ ๊ฒฐ๊ตญ ์ผ์ข…์˜ '์–ธ์–ด'๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ๊ฑด๊ฐ€ ํ•˜๋Š” ๊ฑฐ์˜€๋‹ค.

'์–ธ์–ด'๋ผ๊ณ  ์ƒ๊ฐํ•˜๋‹ˆ code๊ฐ€ ๋งˆ๋ƒฅ ์™ธ๊ณ„์–ด๋กœ ๋Š๊ปด์ง€์ง€ ์•Š์•˜๋‹ค. ์–ธ์–ด๋Š” ๋ฌธ๋ฒ•๋งŒ ์•Œ๋ฉด ๋ฌด์Šจ ๋ง์„ ํ•˜๋ ค๋Š”์ง€ ๋ฐฉํ–ฅ์„ ์•Œ ์ˆ˜ ์žˆ๊ณ , ๊ทธ ๊ตฌ์กฐ(๋ฌธ๋ฒ•)์— ๋‹จ์–ด๋งŒ ์ง‘์–ด๋„ฃ์œผ๋ฉด ๊ฒฐ๊ตญ ๋ฌด์Šจ ๋ง์ธ์ง€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒŒ ์•„๋‹ˆ๋˜๊ฐ€!

์•„๋‹ˆ์—ˆ๋‹ค. ์–ธ์–ด๋Š” ๊ทธ๋Ÿด์ง€ ๋ชฐ๋ผ๋„ code๋Š” ํ•œ ๋ฌธ์žฅ์œผ๋กœ ์•ˆ ๋๋‚œ๋‹ค. (๋‚ด๊ฐ€ ๋ณผ ๋• ๊ทธ๋ ‡๋‹ค.) ํ•œ ์ค„์˜ code๋ฅผ ์™„์„ฑ๋„ ์žˆ๊ฒŒ ์ดํ•ดํ•˜๋ ค๋ฉด๊ทธ ํ•œ ์ค„์—์„œ ๋๋‚˜์ง€ ์•Š๊ณ  ๋ณ€์ˆ˜๋ช…์ด ์ ํžŒ, component๋ช…์ด ์ ํžŒ ์—ฌ๊ธฐ์ €๊ธฐ๋กœ ์˜ฎ๊ฒจ๋‹ค๋…€์•ผ ํ•œ๋‹ค. (๊ทธ๋ž˜๋„ function ์ •๋„๋Š” ๊ทธ ์•ˆ์—์„œ ํ•ด๊ฒฐ๋˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค.)

React ๊ฐ•์˜๋ฅผ ๋“ฃ๋Š”๋ฐ ๋ถ„๋ช… ์ˆœ์„œ๋Œ€๋กœ ๋”ฐ๋ผ์™”๋Š”๋ฐ ์ด code๊ฐ€ ์–ด์ฉŒ๋‹ค ์—ฌ๊ธฐ์— ์žˆ๋Š” ๊ฑด์ง€ ์ดํ•ด๊ฐ€ ๋˜์ง€ ์•Š๋Š”๋‹ค. ์ผํ•  ๋•Œ๋„ ์ด๋ฉด์ง€์— ์ ์œผ๋ฉด์„œ ๋จธ๋ฆฌ ์†์„ ์ •๋ฆฌํ•˜๊ณ ๋Š” ํ•ด์„œ ์ดˆ๋ฐ˜์— ๊ฐœ๋ฐœ ๋ฐฐ์šธ ๋•Œ์— code๋ฅผ ์ข…์ด์— ์ ๊ณ ๋Š” ํ–ˆ๋Š”๋ฐ ์˜ค๋žœ๋งŒ์— ๋‹ค์‹œ ํ•œ๋ฒˆ ๊ทธ๋ž˜๋ดค๋‹ค. ์Œ... ๊ทธ๋ž˜๋„ ์ดํ•ด๊ฐ€ ์•ˆ ๋œ๋‹ค. ๋‹ค์‹œ ํ•œ ๋ฒˆ ๋งˆ์Œ์„ ๊ฐ€๋‹ค๋“ฌ๊ณ (?) ์˜ˆ์œ ๊ธ€์”จ๋กœ(?) ์ ์–ด๋ดค๋‹ค. ๊ทธ๋žฌ๋”๋‹ˆ ๊ฒจ์šฐ ์ดํ•ดํ–ˆ๋‹ค. ์ดํ•ด๊ฐ€ ์•ˆ ๋  ๋• code๋ฅผ ์˜ˆ์˜๊ฒŒ ์ ์–ด๋ณด์ž (????)

profile
๋Š๋ ค๋„ ํ•  ๊ฑฐ์•ผ.......

0๊ฐœ์˜ ๋Œ“๊ธ€