κΈ°μ‘΄ Nomad μ Typescript React Master κ°μμμλ μΌλ° Typescript μ Recoil λ±λ§ μ¬μ©νμ¬ μ½λ©μ νμ¬ λμ μμλ‘ Next.js λ₯Ό μ μ©νμ¬ μ§νν Clone Coding
React
Typescript
Recoil
React Query
Next JS
μ΄ νλ‘μ νΈμμλ React Query λ₯Ό μ΄μ©νμ¬ Crypto Price API μ λ°μ΄ν°λ₯Ό κ°μ Έμ€λ κ² λν Styled Components λ₯Ό μ΄μ©ν΄ νμ₯ κ°λ₯ν λμμΈ μμ€ν κ·Έλ¦¬κ³ λ€ν¬λͺ¨λ λ±μ λ§λλ λ°©λ² μ¬μ© λ§μ§λ§μΌλ‘ Apex Charts λ₯Ό νμ©νμ¬ μνΈνν μμΈ λ³ν λ°μ΄ν°λ₯Ό μκ°ν
μ΄ νλ‘μ νΈμμλ React Hook Form μ μ΄μ©νμ¬ μ λ ₯νΌμ λΉλνκ³ κ²μ¦ λν Recoil μ atoms μ selectorsλ₯Ό μ΄μ©ν΄ μ΄ν리μΌμ΄μ μ μνλ₯Ό κ΄λ¦¬νλ λ² μ¬μ© λ§μ§λ§μΌλ‘ Beautiful DnDλ₯Ό νμ©νμ¬ λλκ·Έ-μ€-λλμ ꡬν
μ΄ νλ‘μ νΈμμλ Framer Motion μ μ΄μ©νμ¬ μλ¦λ€μ΄ μ λλ©μ΄μ κ³Ό μ¬λΌμ΄λ. λͺ¨λ¬κ³Ό κ°μ μΈν°λμ μ ꡬν