avatar

Page 58

  • Published on
    ### useReducer ```javascript const [state, dispatch] = useReducer(reducer, initialArg, init); ``` `useState`의 λŒ€μ²΄ ν•¨μˆ˜λ‹€. λ‹€μˆ˜μ˜ ν•˜μœ— 값을 λ§Œλ“œλŠ” λ³΅μž‘ν•œ 둜직, ν˜Ήμ€ λ‹€μŒ stateκ°€ 이전 state의 의쑴적인 κ²½μš°μ— μ“΄λ‹€. 뭐가 λ­”μ§€ λͺ¨λ₯΄κ² μœΌλ‹ˆκΉŒ 예제λ₯Ό 보자. ...
  • Published on
    # Hooks API Hook은 react 16.8μ—μ„œ μΆ”κ°€λœ κ°œλ…μœΌλ‘œ, Hook을 μ‹œμš©ν•˜λ©΄ classλ₯Ό κ°–μ„±ν•˜μ§€ μ•Šμ•„λ„ state관리와 같은 react의 κΈ°λŠ₯을 μ‚¬μš©ν•  수 μžˆλ‹€. ## κΈ°λ³Έ Hook ### useState ```javascript const [state, setState] = useState(initialState); setStat...
  • Published on
    ## λ‘œλ“œλ°ΈλŸ°μ„œ > λ‘œλ“œ λ°ΈλŸ°μ‹±μ΄λž€, λΆ€ν•˜ 뢄산을 μœ„ν•΄μ„œ 가상 IPλ₯Ό 톡해 μ—¬λŸ¬ μ„œλ²„μ— μ ‘μ†ν•˜λ„λ‘ λΆ„λ°°ν•˜λŠ” κΈ°λŠ₯을 λ§ν•œλ‹€. λ‘œλ“œ λ°ΈλŸ°μ‹±μ—μ„œ μ‚¬μš©ν•˜λŠ” μ£Όμš” κΈ°μˆ μ€ - NAT(Network Address Translation): 사섀 IP μ£Όμ†Œλ₯Ό 곡인 IP μ£Όμ†Œλ‘œ λ°”κΎΈλŠ” 데 μ‚¬μš©ν•˜λŠ” ν†΅μ‹ λ§μ˜ μ£Όμ†Œ 변쑰기이닀. - DSR(Dynamic Source Rout...
  • Published on
    μ œλ²• 규λͺ¨κ°€ μžˆμ—ˆλ˜ μ „ νšŒμ‚¬μ—μ„œλŠ” νŠΉλ³„ν•˜κ²Œ 인프라에 λŒ€ν•΄ 고민을 λ³„λ‘œ ν•  ν•„μš”κ°€ μ—†μ—ˆλ‹€. λ§Žμ€ 뢀뢄이 μžλ™ν™”λ˜μ–΄ μžˆμ—ˆκ³ , 또 μ λ‹Ήν•œ 툴둜 잘 λ§Œλ“€μ–΄μ Έ μžˆμ—ˆκΈ° λ•Œλ¬Έμ— κ°œλ°œμ— μ˜¨μ „νžˆ 집쀑할 수 μžˆμ—ˆλ‹€. ν•˜μ§€λ§Œ μƒˆλ‘­κ²Œ 온 μŠ€νƒ€νŠΈμ—…μ€ (λ‹Ήμ—°ν•˜κ²Œλ„) 그런게 μ—†μœΌλ―€λ‘œ, νšŒμ‚¬μ—μ„œ μ‚¬μš©ν•˜κ³  μžˆλŠ” AWS 인프라와 배포 μ‹œμŠ€ν…œμ— λŒ€ν•΄μ„œ 직접 곡뢀할 ν•„μš”κ°€ μžˆμ—ˆλ‹€. κ·Έ μ€‘μ—μ„œ...
  • Published on
    멍청이라 κ·ΈλŸ°μ§€ `reduce` ν•¨μˆ˜κ°€ 잘 이해 λ˜μ§€ μ•Šμ•˜λ‹€. ## Reduce ```javascript const list = [1, 2, 3, 4, 5]; const initValue = 10; const totalSum = list.reduce( (accumulator, currentValue, currentIndex, array) => { ...