Skip to content

Latest commit

ย 

History

History
35 lines (28 loc) ยท 1.3 KB

README.md

File metadata and controls

35 lines (28 loc) ยท 1.3 KB

react-ts-quickstart

์›์Œค์˜ ๋ฆฌ์•กํŠธ ํ€ต์Šคํƒ€ํŠธ with ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ


  • ch01 : React ์†Œ๊ฐœ
  • ch02 : ES6์™€ Typescript ๊ธฐ์ดˆ
  • ch03 : React ์‹œ์ž‘ํ•˜๊ธฐ
  • ch04 : React ์ปดํฌ๋„ŒํŠธ
  • ch05 : React ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ
  • ch06 : React Hook
  • ch07 : ๊ณ ์ฐจ ํ•จ์ˆ˜์™€ ๋ Œ๋”๋ง ์ตœ์ ํ™”
  • ch08 : Context API
  • ch09 : React Router
  • ch10 : ๋ผ์šฐํŒ…์„ ์ ์šฉํ•œ ํ• ์ผ ๋ชฉ๋ก ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜
  • ch11 : axios๋ฅผ ์ด์šฉํ•œ HTTP ํ†ต์‹ 
  • ch12 : Redux๋ฅผ ์ด์šฉํ•œ ์ƒํƒœ๊ด€๋ฆฌ
  • ch13 : React 18 ๋ฒ„์ „

๊ณต์ง€์‚ฌํ•ญ

  • 3์žฅ์—์„œ helloapp์„ ์ฑ…์˜ ๋‚ด์šฉ๋Œ€๋กœ ์ž‘์„ฑํ•˜๋ฉด ์ฑ…์˜ ๊ทธ๋ฆผ๊ณผ ์กฐ๊ธˆ ๋‹ค๋ฅธ ํ™”๋ฉด์œผ๋กœ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ vite๊ฐ€ ๋ฒ„์ „์—…๋˜๋ฉด์„œ index.css ํŒŒ์ผ์ด ๋‹ฌ๋ผ์ ธ์„œ ๊ทธ๋Ÿฐ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋งŒ์ผ ์ด๊ฒƒ์ด ์‹ซ์œผ์‹œ๋‹ค๋ฉด ์ด ๊นƒํ—™ ๋ฆฌํฌ์ง€ํ† ๋ฆฌ์˜ ์˜ˆ์ œ์—์„œ index.css๋ฅผ ์ฐพ์•„์„œ ์ฝ”๋“œ๋ฅผ ๋ณต์‚ฌํ•˜์„ธ์š”.
  • ๋ถˆ๋ณ€์„ฑ์„ ์œ„ํ•œ immer๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ 9.x.x ๋ฒ„์ „์„ ์‚ฌ์šฉํ•˜์„ธ์š”.
    • npm install immer@9
    • ํ˜„์žฌ(2023-11) ๋ฒ„์ „์€ 10.x.x์ž…๋‹ˆ๋‹ค. 10๋ฒ„์ „์—์„œ๋Š” immer๋ฅผ ๋‹ค์Œ๊ณผ ๊ฐ™์ด import ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
        import { produce } from 'immer';
      

์˜คํƒˆ์ž

  • ์˜คํƒˆ์ž๋Š” ์—ฌ๊ธฐ๋ฅผ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.