avatar
$

Javascript 33

  • ์ด ๊ธ€์€ [์€๋‹‰์„ ํ–ฅํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์—ฌ์ •](https://meetup.toast.com/posts/228)์„ ์š”์•ฝํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ## History ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ๊ฐ์ฒด์— private ํ•œ ์†์„ฑ์„ ๋งŒ๋“ค ์ˆ˜๊ฐ€ ์—†์—ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋ณดํ†ต ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐœ๋ฐœ์ž๋Š” privateํ•œ ๊ฒƒ์ด๋‹ค ๋ผ๋Š” ์•ฝ์†์œผ๋กœ `_` prefix๋ฅผ ๋ถ™์—ฌ์„œ ์‚ฌ์šฉํ•˜๊ณ ๋Š” ํ–ˆ์—ˆ๋‹ค. ```javas...
  • https://redux.js.org/glossary#state ## ์šฉ์–ด ๋ชจ์Œ ### State (์ƒํƒœ) ```typescript type State = any ``` State (State tree๋ผ๊ณ  ๋„ ๋ถˆ๋ฆฌ์šด๋‹ค)๋Š” Redux API์—์„œ๋Š” ๋ณดํ†ต ์Šคํ† ์–ด์—์„œ ๊ด€๋ฆฌํ•˜๊ณ , `getState()`์— ์˜ํ•ด ๋ฐ˜ํ™˜๋˜๋Š” ๋‹จ์ผ ๊ฐ’์„ ๊ฐ€๋ฆฌํ‚จ๋‹ค. ๊ด€๋ก€์ ์œผ๋กœ, ๊ฐ€์žฅ...
  • ## ๋ฆฌ๋•์Šค์˜ ํƒ„์ƒ ๋ฐฐ๊ฒฝ https://redux.js.org/introduction/motivation **์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹ฑ๊ธ€ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋Œ€ํ•œ ์š”๊ตฌ ์‚ฌํ•ญ์ด ์ ์  ๋ณต์žกํ•ด ์ง์— ๋”ฐ๋ผ์„œ, ์šฐ๋ฆฌ์˜ ์ฝ”๋“œ๋Š” ๊ทธ ์–ด๋А ๋•Œ ๋ณด๋‹ค๋„ ๋” ๋งŽ์ด ์ƒํƒœ๊ด€๋ฆฌ์— ๋Œ€ํ•œ ํ•„์š”์„ฑ์„ ๋А๋ผ๊ณ  ์žˆ๋‹ค.** ์—ฌ๊ธฐ์„œ ๋งํ•˜๋Š” ์ƒํƒœ์—๋Š” ์„œ๋ฒ„ ์‘๋‹ต, ์บ์‹œ๋œ ๋ฐ์ดํ„ฐ ๋ฟ๋งŒ์•„๋‹ˆ๋ผ ์„œ๋ฒ„์— ์•„์ง ์š”...
  • ## ๋ฆฌ๋•์Šค ๊ณต๋ถ€ํ•ด๋ณด๊ธฐ 1 [๋ฆฌ๋•์Šค ๊ณต์‹๋ฌธ์„œ](https://redux.js.org/introduction/getting-started)๋ฅผ ์Šค์Šค๋กœ ๋Œ€์ถฉ ๋ฒˆ์—ญํ•ด๋ณธ ๊ธ€์ž…๋‹ˆ๋‹ค. ๋ฆฌ๋•์Šค๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์•ฑ์„ ์œ„ํ•œ **์˜ˆ์ธก ๊ฐ€๋Šฅํ•œ ์ƒํƒœ ๊ด€๋ฆฌ ์ปจํ…Œ์ด๋„ˆ**๋‹ค. ๋ฆฌ๋•์Šค๋Š” ์ผ๊ด€์„ฑ ์žˆ๊ฒŒ ๋™์ž‘ํ•˜๊ณ , ์„œ๋กœ ๋‹ค๋ฅธ ํ™˜๊ฒฝ (ํด๋ผ์ด์–ธํŠธ, ์„œ๋ฒ„, ๋„ค์ดํ‹ฐ๋ธŒ)์—์„œ ์‹คํ–‰๋˜๋ฉฐ, ํ…Œ์ŠคํŠธํ•˜๊ธฐ ...
  • Socket.IO ๊ณต๋ถ€ํ•˜๊ธฐ (1)

    Published on
    ยท
    4๋ถ„
    ## WebSocket ์›น์€ ์ „ํ˜•์ ์œผ๋กœ HTTP ์š”์ฒญ์— ๋Œ€ํ•œ HTTP ์‘๋‹ต์„ ๋ฐ›๊ณ , ์ด์— ๋”ฐ๋ผ ๋ธŒ๋ผ์šฐ์ € ํ™”๋ฉด์„ ์ƒˆ๋กœ ๋งŒ๋“œ๋Š” ๋ฐฉ์‹์ด๋‹ค. ๋”ฐ๋ผ์„œ ๋ฐ์ดํ„ฐ ํ†ต์‹ ์€ ์š”์ฒญ๊ณผ ์‘๋‹ต์ด ํ•œ ์Œ์œผ๋กœ ๋ฌถ์—ฌ์™”๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์›น ํŽ˜์ด์ง€๊ฐ€ ๋ณด๋‹ค ์‰ฝ๊ฒŒ ์ƒํ˜ธ์ž‘์šฉ์„ ํ•˜๋ ค๋ฉด, ๋ธŒ๋ผ์šฐ์ €์™€ ์›น ์‚ฌ์ด์— ์ด๋Ÿฌํ•œ ์š”์ฒญ - ์‘๋‹ต ๋ฐฉ์‹์ด ์•„๋‹Œ ๋” ์ž์œ ๋กœ์šด ์–‘๋ฐฉํ–ฅ ๋ฉ”์‹œ์ง€ ์†ก์ˆ˜์‹  ๊ธฐ์ˆ ์ด ํ•„์š”ํ•˜๋‹ค. ์ด๋Ÿฌํ•œ ...