์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- sort
- ๋คํฌ๋ชจ๋
- ํ์ ์คํฌ๋ฆฝํธ
- firebase
- ๋ผ์ดํธ๋ชจ๋
- ๊ฐ๋ฐ์๋ถํด๋ฝ
- reduce
- ๋ ธ๋ง๋์ฝ๋
- ํฌํธํด๋ฆฌ์ค
- ํด๋ก ์ฝ๋ฉ
- onsnapshot
- styled-components
- ๋ฐ์ํ์คํจ2
- Today
- Total
๋ชฉ๋ก๐จ ํ๋ก ํธ์๋/JavaScript (4)
rigood

Array.reduce() - ๋ฐฐ์ด์ ๋๋ฉด์ ์ํ๋ ์์ ์ ์คํํ๊ณ ์ต์ข ๊ฐ์ ๋ฐํํ๋ ๋ฉ์๋ - ๋์ ๊ณ์ฐ ๊ฐ ๋ฐํ - ์ธ์๋ก ํจ์( (๋์ ๊ณ์ฐ๊ฐ, ํ์ฌ๊ฐ) => { return ๊ณ์ฐ๊ฐ } )์ ์ด๊ธฐ๊ฐ(optional)์ ๋ฐ์ ๋ฐฐ์ด์ ๋ชจ๋ ์ ํฉ์น๊ธฐ // forEach ์ฌ์ฉ let arr = [1,2,3,4,5]; let result = 0; arr.forEach(num => { result += num; }); // reduce ์ฌ์ฉ let arr = [1,2,3,4,5]; const result = arr.reduce((prev, current)=>{ return prev + current; }, 0); ๊ฐ์ฒด๋ก ์ด๋ฃจ์ด์ง ๋ฐฐ์ด์์ ํน์ ๊ฐ์ฒด๋ง ์ถ์ถํ๊ธฐ ๊ฐ์ฒด๋ก ์ด๋ฃจ์ด์ง ๋ฐฐ์ด์์ ๊ฐ์ ์ดํฉ ๊ตฌํ๊ธฐ

Array.sort() - ๋ฐฐ์ด์ ์ ๋ ฌํ๋ ๋ฉ์๋ - ์ ๋ ฌํ ๋ฐฐ์ด์ ๋ฐํ (์๋ณธ ๋ฐฐ์ด ์์ ) - ์ ๋ ฌ ๋ก์ง์ ๋ด์ ํจ์๋ฅผ ์ธ์๋ก ๋ฐ์ - ์ธ์๊ฐ ์๋ ๊ฒฝ์ฐ, ๋ฌธ์์ด ์ ๋์ฝ๋์ ๋ฐ๋ผ ์ ๋ ฌ (์ซ์๋ ๋ฌธ์์ด ์ทจ๊ธํ์ฌ ์ ๋ ฌ) arr.sort((a,b) => { return a - b }) a-b > 0 ์ด๋ฉด (a>b), b๋ฅผ ์์ผ๋ก ๋ณด๋ a-b = 0 ์ด๋ฉด (a=b), ๊ทธ๋๋ก a-b < 0 ์ด๋ฉด (a

์ผ๋ฐํจ์ - function ํค์๋๋ฅผ ์ฌ์ฉํ์ฌ ์ ์ํ๋ ํจ์ - ํจ์ ์ ์ธ์์ด๋ ํจ์ ํํ์์ผ๋ก ํจ์๋ฅผ ์ ์ํ ์ ์๋ค. ํ์ดํํจ์ - ์๋ฐ์คํฌ๋ฆฝํธ ES6 ๋ฒ์ ์์ ๋ฑ์ฅํ ๋ฌธ๋ฒ์ผ๋ก, ํจ์๋ฅผ ์ ์ํ ๋ ์ฌ์ฉํ๋ ๋ ๋ค๋ฅธ ๋ฌธ๋ฒ์ด๋ค. - ๊ธฐ์กด์ ํจ์ ํํ์์ ํจ์ฌ ๋ ๊ฐ๊ฒฐํ ๋ฌธ๋ฒ์ผ๋ก ์์ฑํ ์ ์๊ฒ ํด์ค๋ค. - function ํค์๋๋ฅผ ์ง์ฐ๊ณ , ์๊ดํธ์ ์ค๊ดํธ ์ฌ์ด์ ํ์ดํ๋ฅผ ๋ฃ์ด์ค๋ค. - ํ์ดํํจ์๋ฅผ ๋ง๋ค์ด์ฃผ๊ณ , ํจ์๋ฅผ ๋ณ์์ ํ ๋นํ๋ค. - ๋ณ์๋ฅผ ํจ์์ ์ด๋ฆ์ฒ๋ผ ์ฌ์ฉํ์ฌ ํจ์๋ฅผ ํธ์ถํ ์ ์๋ค. const main = () => { console.log("hello"); } main(); ํจ์ ์ ์ธ์ - ์๋ฐ์คํฌ๋ฆฝํธ์์ ํจ์๋ฅผ ์ ์ธํ๋ ๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ์ - function ํค์๋์ ํจ์ ์ด๋ฆ์ ์ฐ๊ณ , ํจ..

1. Redux ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ง๋ ์ฑ์ ์ํ ์์ธก ๊ฐ๋ฅํ ์ํ ์ ์ฅ์ ๋ณต์ก์ฑ์ ๋ฎ์ถฐ์ ์์ธก ๊ฐ๋ฅํ๊ฒ ํด์ค ๋ชจ๋ ๋ฐ์ดํฐ๋ฅผ state์ ๋ฃ์ด ๊ด๋ฆฌํ๋ฉด์ ๋ณต์ก์ฑ์ ๋ฎ์ถ๋ค. (...๋ผ๊ณ ํ๋๋ฐ ๋ค๋ฅธ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ณด๋ค ํจ์ฌ ๋ ๋ณต์กํ ๊ฒ ๊ฐ๋ค;;) 2. store ๊ฐ๋ state๋ ํจ๋ถ๋ก ์ ๊ทผํ ์ ์๊ณ , store์ ์ ์ฅ๋์ด ์์ (๋ง์น ์ฐ๋ฆฌ๊ฐ ์ํ์ ๋์ ๋ฃ์ด๋๋ ๊ฒ์ฒ๋ผ) state๋ฅผ ๊ฐ์ ธ์ค๋ ๊ฒ, ๋ณ๊ฒฝํ๋ ๊ฒ, ๊ตฌ๋ ํ๋ ๊ฒ ๋ชจ๋ store๋ฅผ ํตํด์ ์ด๋ฃจ์ด์ง store์ getstate, dispatch, subscribe ์ด์ฉ getstate๋ฅผ ํตํด store์ ์ ์ฅ๋ state๋ฅผ ๊ฐ์ ธ์ด dispatch์ reducer๋ฅผ ํตํด state๋ฅผ ๋ณ๊ฒฝํจ subscribe๋ฅผ ํตํด state๊ฐ ๋ฐ๋ ๋๋ง๋ค s..