avatar
$

Javascript 36

  • React Hooks Api (2)

    Published on
    ยท
    3๋ถ„
    ### useReducer ```javascript const [state, dispatch] = useReducer(reducer, initialArg, init); ``` `useState`์˜ ๋Œ€์ฒด ํ•จ์ˆ˜๋‹ค. ๋‹ค์ˆ˜์˜ ํ•˜์œ— ๊ฐ’์„ ๋งŒ๋“œ๋Š” ๋ณต์žกํ•œ ๋กœ์ง, ํ˜น์€ ๋‹ค์Œ state๊ฐ€ ์ด์ „ state์˜ ์˜์กด์ ์ธ ๊ฒฝ์šฐ์— ์“ด๋‹ค. ๋ญ๊ฐ€ ๋ญ”์ง€ ๋ชจ๋ฅด๊ฒ ์œผ๋‹ˆ๊นŒ ์˜ˆ์ œ๋ฅผ ๋ณด์ž. ...
  • React Hooks Api (1)

    Published on
    ยท
    4๋ถ„
    # Hooks API Hook์€ react 16.8์—์„œ ์ถ”๊ฐ€๋œ ๊ฐœ๋…์œผ๋กœ, Hook์„ ์‹œ์šฉํ•˜๋ฉด class๋ฅผ ๊ฐ–์„ฑํ•˜์ง€ ์•Š์•„๋„ state๊ด€๋ฆฌ์™€ ๊ฐ™์€ react์˜ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ## ๊ธฐ๋ณธ Hook ### useState ```javascript const [state, setState] = useState(initialState); setStat...
  • Javascript Reduce

    Published on
    ยท
    2๋ถ„
    ๋ฉ์ฒญ์ด๋ผ ๊ทธ๋Ÿฐ์ง€ `reduce` ํ•จ์ˆ˜๊ฐ€ ์ž˜ ์ดํ•ด ๋˜์ง€ ์•Š์•˜๋‹ค. ## Reduce ```javascript const list = [1, 2, 3, 4, 5]; const initValue = 10; const totalSum = list.reduce( (accumulator, currentValue, currentIndex, array) => { ...
  • Javascript Set ๊ทธ๋ฆฌ๊ณ  Map

    Published on
    ยท
    6๋ถ„
    ## ๊ทผ๋ฐ ์‚ฌ์‹ค.. ์ปฌ๋ ‰์…˜ ํ•„์š”์—†์ง€ ์•Š์„๊นŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์ผ๋ฐ˜์ ์ธ Object๋Š” key-value์Œ์„ ๋Š์ž„ ์—†์ด ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” ํ˜•ํƒœ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค. ๊ทธ๋ž˜์„œ ์‚ฌ์‹ค ์ปฌ๋ ‰์…˜์ด ํ•„์š”ํ•˜์ง€ ์•Š์€ ๊ฒƒ ์ฒ˜๋Ÿผ ๋ณด์ผ ์ˆ˜๋„ ์žˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๋”ฐ๊ธˆ์”ฉ object๋กœ ๋ถ€์กฑํ•  ๋•Œ๊ฐ€ ์žˆ๋‹ค. - key ์ถฉ๋Œ ์œ„ํ—˜์ด ์กด์žฌํ•˜๋Š” ๊ฒฝ์šฐ - ๋ฌธ์ž์—ด/์‹ฌ๋ณผ ์ด์™ธ์˜ ํ‚ค ๊ฐ’์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ - ๊ฐ...