๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Etc

[ ์ฑ… ์ถ”์ฒœ ] Learning React

 

์ถœ์ฒ˜ - http://www.yes24.com/Product/Goods/102277805

 

 

์ž‘๋…„์— ํ–ˆ๋˜ JavaScript Deep Dive ์ฑ… ์Šคํ„ฐ๋”” ํŒ€๊ณผ ํ•จ๊ป˜ 2023๋…„์€ Frontend ์—ฐ์† ์ฑ… ์Šคํ„ฐ๋””๋ฅผ ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.

2023๋…„ 1์›” ~ 2์›” ๊นŒ์ง€๋Š” Learning React(๋Ÿฌ๋‹ ๋ฆฌ์•กํŠธ)๋ผ๋Š” ์ฑ…์„ ๊ณต๋ถ€ํ•˜๊ธฐ๋กœ ํ–ˆ๋Š”๋ฐ,

 

์ด๋ฒˆ ๊ธฐํšŒ์— ์ฒ˜์Œ ์•Œ๊ฒŒ ๋˜์–ด ์ฑ…์„ ์ฝ์–ด๋ณด๋‹ˆ ๋น ๋ฅด๊ฒŒ ๋ณ€ํ™”ํ•˜๋Š” ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ๋‚˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋„์„œ๋กœ ๊ตฌ๋งคํ•˜์—ฌ ์ฝ๋Š”๋‹ค๋Š” ๊ฒƒ์ด ์กฐ๊ธˆ ๋ณ„๋กœ๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋˜ ๋‚˜์—๊ฒŒ๋„ ๊ดœ์ฐฎ๊ฒŒ ๋Š๊ปด์ง€๋Š” ์ฑ…์ด์—ˆ๋‹ค.

 

2022๋…„ 3์›” 20์ผ์— 2ํŒ 2์‡„๊ฐ€ ๋ฐœํ–‰๋œ ์ฑ…์ธ๋ฐ, ์ตœ์‹  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ•ต์‹ฌ ์„ค๋ช…๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ๋Œ€ํ•ด ์†Œ๊ฐœํ•˜๋ฉฐ,

๋ฆฌ์•กํŠธ์˜ ์ตœ์‹  ๊ธฐ์ˆ ๋“ค๋„ ์†Œ๊ฐœํ•œ๋‹ค.

 


 

์ฑ…์˜ ๋ชฉ๋ก์„ ๊ฐ„๋‹จํžˆ ์†Œ๊ฐœํ•ด๋ณด๋ฉด

 

1. ๋ฆฌ์•กํŠธ ์†Œ๊ฐœ

2. ๋ฆฌ์•กํŠธ๋ฅผ ์œ„ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ

3. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ™œ์šฉํ•œ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ

4. ๋ฆฌ์•กํŠธ์˜ ์ž‘๋™ ์›๋ฆฌ

5. JSX๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฆฌ์•กํŠธ

6. ๋ฆฌ์•กํŠธ ์ƒํƒœ ๊ด€๋ฆฌ

7. ํ›…์Šค๋กœ ์ปดํฌ๋„ŒํŠธ ๊ฐœ์„ ํ•˜๊ธฐ

8. ๋ฐ์ดํ„ฐ ํฌํ•จ์‹œํ‚ค๊ธฐ

9. Suspense

10. ๋ฆฌ์•กํŠธ ํ…Œ์ŠคํŠธ

11. ๋ฆฌ์•กํŠธ ๋ผ์šฐํ„ฐ

12. ๋ฆฌ์•กํŠธ์™€ ์„œ๋ฒ„

 

์ด๋ ‡๊ฒŒ ์ฑ…์˜ ๊ตฌ์„ฑ์ด ์งœ์—ฌ์ ธ ์žˆ๋‹ค.

 


 

์ด ์ฑ…์—์„œ ๊ฐ€์žฅ ์ข‹์•˜๋˜ ์ ์€ ๋‚ด๊ฐ€ ํ‰์†Œ ์•„๋ฌด๋Ÿฐ ์ƒ๊ฐ ์—†์ด ์‚ฌ์šฉํ•˜๋˜ ๋ฆฌ์•กํŠธ ๋ฌธ๋ฒ•๋“ค์— ๋Œ€ํ•ด ์™œ ์ด๋ ‡๊ฒŒ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด ์ฃผ๊ณ 

๋ฆฌ์•กํŠธ์˜ ์ž‘๋™ ์›๋ฆฌ์— ๋Œ€ํ•ด ์ƒ์„ธํ•˜๊ฒŒ ์„ค๋ช…ํ•ด ์ค˜์„œ ํ‰์†Œ ๋‚ด๊ฐ€ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ๋ฆฌ์•กํŠธ์˜ ๋ฌธ๋ฒ•๋“ค์„ ๋” ์ž˜ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ์ฑ…์ธ ๊ฒƒ ๊ฐ™์•„์„œ ๋Š๋‚Œ์ด ์ข‹์•˜๋‹ค.

 

์•„์ง ์ฑ…์˜ 1/3๋งŒ ์ฝ์–ด๋ณด์•˜์ง€๋งŒ ์ด ์ฑ…์„ ์ฝ์œผ๋ฉฐ ๋ฆฌ์•กํŠธ์— ๋Œ€ํ•ด ๋” ๊นŠ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๊ฐ€ ๋  ๊ฒƒ ๊ฐ™์•„์„œ ๊ต‰์žฅํžˆ ๊ธฐ๋Œ€ํ•˜๊ณ  ์žˆ๋Š” ์ฑ…์ด๋‹ค.

์ด ์ฑ…์„ ๋‹ค ์ฝ๊ณ  ๋‚˜์„œ์˜ ๊ฐ์ƒ๋„ ์ด ํฌ์ŠคํŒ…์— ์ถ”๊ฐ€ํ•ด์•ผ๊ฒ ๋‹ค.