Skip to content

Latest commit

ย 

History

History
55 lines (28 loc) ยท 5.56 KB

Readme.md

File metadata and controls

55 lines (28 loc) ยท 5.56 KB

๐Ÿงš๐Ÿปโ€โ™€๏ธ ์ด์”จ ํ™ˆํŽ˜์ด์ง€์—ฌ ๊ธฐ๋‹ค๋ ค๋ž ๐Ÿงš๐Ÿปโ€โ™€๏ธ

๋ฒจ๋กœํผํŠธ์”จ์˜ ๋ชจ๋˜ React ๊ฐ•์ขŒ๋ฅผ ๋ณด๊ณ  ์Šคํ„ฐ๋””ํ•œ ๋‚ด์šฉ์„ ๊ธฐ๋กํ•  ๋ ˆํฌ์ž…๋‹ˆ๋‹ค. (by ์ดˆํฌ)

์Šคํ„ฐ๋”” ๋ชฉ๋ก

  1. ๋ฆฌ์•กํŠธ๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€?

  2. ๋ฆฌ์•กํŠธ ์‹œ์ž‘ํ•˜๊ธฐ

  3. JSX

  4. props๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€

  5. ์กฐ๊ฑด๋ถ€ ๋ Œ๋”๋ง

  6. useState๋กœ ์ปดํฌ๋„ŒํŠธ์—์„œ ๋™์ ์ธ ๋ณ€ํ™” ๊ด€๋ฆฌํ•˜๊ธฐ

  7. input ํƒœ๊ทธ ๊ด€๋ฆฌํ•˜๊ธฐ

  8. ์—ฌ๋Ÿฌ๊ฐœ์˜ input ํƒœ๊ทธ ๊ด€๋ฆฌํ•˜๊ธฐ

  9. useRef๋กœ DOM ์„ ํƒํ•˜๊ธฐ

  10. ๋ฐฐ์—ด ๋ Œ๋”๋งํ•˜๊ธฐ

  11. useRef๋กœ ์ปดํฌ๋„ŒํŠธ ์•ˆ์— ๋ณ€์ˆ˜ ๋งŒ๋“ค์–ด ๊ด€๋ฆฌํ•˜๊ธฐ

  12. ๋ฐฐ์—ด์— ํ•ญ๋ชฉ ์ถ”๊ฐ€ํ•˜๊ธฐ

  13. ๋ฐฐ์—ด์— ํ•ญ๋ชฉ ์ œ๊ฑฐํ•˜๊ธฐ

  14. ๋ฐฐ์—ด์— ํ•ญ๋ชฉ ์ˆ˜์ •ํ•˜๊ธฐ

  15. useEffect๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋งˆ์šดํŠธ/์–ธ๋งˆ์šดํŠธ/์—…๋ฐ์ดํŠธ์‹œ ํ•  ์ž‘์—… ์„ค์ •ํ•˜๊ธฐ

  16. useMemo๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์—ฐ์‚ฐํ•œ ๊ฐ’ ์žฌ์‚ฌ์šฉํ•˜๊ธฐ

  17. useCallback ์‚ฌ์šฉํ•ด์„œ ํ•จ์ˆ˜ ์žฌ์‚ฌ์šฉํ•˜๊ธฐ

  18. React.memo๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ปดํฌ๋„ŒํŠธ ๋ฆฌ๋ Œ๋”๋ง ๋ฐฉ์ง€ํ•˜๊ธฐ

  19. useReducer ์‚ฌ์šฉํ•ด์„œ ์ƒํƒœ ์—…๋ฐ์ดํŠธ ๋กœ์ง ๋ถ„๋ฆฌํ•˜๊ธฐ

  20. ์ปค์Šคํ…€ Hook ๋งŒ๋“ค๊ธฐ

  21. Context API๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ „์—ญ ๊ฐ’ ๊ด€๋ฆฌํ•˜๊ธฐ

  22. Immer๋ฅผ ์‚ฌ์šฉํ•œ ๋” ์‰ฌ์šด ๋ถˆ๋ณ€์„ฑ ๊ด€๋ฆฌํ•˜๊ธฐ

  23. LifeCycle ๋ฉ”์†Œ๋“œ

  24. componentDidCatch๋กœ ์—๋Ÿฌ์žก๊ธฐ

  25. ๋ฆฌ์•กํŠธ ๊ฐœ๋ฐœ์„ ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋ฉด ํŽธํ•œ Prettier, ESLint, Snippet