λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

ν›…1

[TIL] React-Hooks μ•Œμ•„λ³΄κΈ° ν΄λž˜μŠ€ν˜• vs ν•¨μˆ˜ν˜• ReactλŠ” μ²˜μŒμ— ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈμ˜ λ°©λ²•λ§Œ μ‘΄μž¬ν–ˆλ‹€. ν•˜μ§€λ§Œ, ν΄λž˜μŠ€ν˜•μ€ μ–΄λ ΅κ³  λ³΅μž‘ν•˜μ—¬ ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈ 방법이 μƒκ²¨λ‚˜κ²Œ λ˜μ—ˆλ‹€. ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλŠ” ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈλ³΄λ‹€ 훨씬 κ°„λ‹¨ν•˜κΈ°μ— 점점 ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈμ˜ μ‚¬μš© λΉ„μœ¨μ΄ λ†’μ•„μ§€κ²Œ λ˜μ—ˆκ³ , μš”μ¦˜ ν˜„μ—…μ—μ„œλŠ” ν΄λž˜μŠ€ν˜•λ³΄λ‹€λŠ” ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλ₯Ό 많이 μ‚¬μš©ν•˜λŠ” 좔세라고 ν•œλ‹€. ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈ import { Component } from 'react'; class Hello extends Component { render() { return ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈ } } export default Hello ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈ const Hello = () => ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈ export default Hello 이 ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλŠ” ν™”μ‚΄ν‘œ 함.. 2023. 6. 9.

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”