์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- Gatsby
- useEffect
- CSS
- ์ฝ๋ฉํ ์คํธ
- position
- Flex
- ๋ฐ๋ธ์ฝ์ค3๊ธฐ
- ์๊ณ ๋ฆฌ์ฆ
- Props
- ์๋ฐ์คํฌ๋ฆฝํธ
- ๋ฐ๋ธ์ฝ์ค
- REACT
- ๋ธ๋ก๊ทธ
- ํ๋ก๊ทธ๋๋จธ์ค
- float
- useRef
- ํ๋ก ํธ์๋
- history api
- fetch API
- Today
- Total
๋ชฉ๋ก๐ Language & CS knowledge (167)
Daehyunii's Dev-blog
11์ฅ ์์ ๊ฐ๊ณผ ๊ฐ์ฒด์ ๋น๊ต ์์ ํ์ ์ ๊ฐ(์์ ๊ฐ) ๊ฐ์ฒด ํ์ ์ ๊ฐ(๊ฐ์ฒด) ๊ฐ์ ๋ณ๊ฒฝ ๊ฐ๋ฅ ์ฌ๋ถ ๋ณ๊ฒฝ ๋ถ๊ฐ๋ฅํ ๊ฐ ๋ณ๊ฒฝ ๊ฐ๋ฅํ ๊ฐ ๋ณ์์ ํ ๋น์, ์ ์ฅ๋๋ ๊ฒ ์ค์ ๊ฐ์ด ์ ์ฅ ์ฐธ์กฐ ๊ฐ์ด ์ ์ฅ ๊ฐ์ด ํ ๋น ๋ ๋ณ์๋ฅผ ๋ค๋ฅธ ๋ณ์์ ํ ๋น์ ๊ฐ์ ์ํ ์ ๋ฌ(์์ ๊ฐ ๋ณต์ฌ) ์ฐธ์กฐ์ ์ํ ์ ๋ฌ(์ฐธ์กฐ ๊ฐ ๋ณต์ฌ) 11.1 ์์ ๊ฐ 11.1.1 ๋ณ๊ฒฝ ๋ถ๊ฐ๋ฅํ ๊ฐ(์์ ํ์ ์ ๊ฐ, ์์ ๊ฐ) ์์ ํ์ ์ ๊ฐ, ์ฆ ์์ ๊ฐ์ ๋ณ๊ฒฝ ๋ถ๊ฐ๋ฅํ ๊ฐ์ด๋ค. ํ๋ฒ ์์ฑ๋ ์์ ๊ฐ์ ์ฝ๊ธฐ ์ ์ฉ ๊ฐ์ผ๋ก ๋ณ๊ฒฝํ ์ ์๋ค. ๋ณ๊ฒฝ ๋ถ๊ฐ๋ฅํ๋ค๋ ๊ฒ์ ๋ณ์๊ฐ ์๋๋ผ ๊ฐ์ ๋ํ ์ด์ผ๊ธฐ์ด๋ค. ๋ณ์๋ ์ฌํ ๋น์ ํตํด ์ธ์ ๋ ์ง ๋ณ์ ๊ฐ์ ๋ณ๊ฒฝํ ์ ์๋ค. ์ฌํ ๋น ์ด์ ์ ์์ ๊ฐ์ ๋ณ๊ฒฝํ๋ ๊ฒ์ด ์๋๋ผ ์๋ก์ด ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ์ ํ๋ณดํ๊ณ ์ฌํ ๋นํ ์์ ๊ฐ์ ..
10์ฅ ๊ฐ์ฒด ๋ฆฌํฐ๋ด 10.1 ๊ฐ์ฒด๋? ์๋ฐ์คํฌ๋ฆฝํธ๋ ๊ฐ์ฒด ๊ธฐ๋ฐ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ด๋ฉฐ, ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๊ตฌ์ฑํ๋ ๊ฑฐ์ ๋ชจ๋ ๊ฒ์ด ๊ฐ์ฒด๋ค. ์์ ๊ฐ์ ์ ์ธํ ๋๋จธ์ง ๊ฐ์ ๋ชจ๋ ๊ฐ์ฒด๋ค. ์์ ํ์ ์ ๋จ ํ๋์ ๊ฐ๋ง ๋ํ๋ด์ง๋ง ๊ฐ์ฒด ํ์ ์ ๋ค์ํ ํ์ ์ ๊ฐ(์์ ํ์ ์ ๊ฐ ํฌํจ)์ ํ๋์ ๋จ์๋ก ๊ตฌ์ฑํ ๋ณตํฉ์ ์ธ ์๋ฃ๊ตฌ์กฐ์ด๋ค. ์์ ํ์ ์ ๊ฐ์ ๋ณ๊ฒฝ ๋ถ๊ฐํ ๊ฐ์ด์ง๋ง ๊ฐ์ฒด ํ์ ์ ๊ฐ์ ๋ณ๊ฒฝ ๊ฐ๋ฅํ ๊ฐ์ด๋ค. '๊ฐ์ฒด = ํ๋กํผํฐ(ํค+๊ฐ) + ํ๋กํผํฐ(ํ๋กํผํฐ ํค + ํ๋กํผํฐ ๊ฐ) + ๋ฉ์๋....' ์ผ๋ก ๊ตฌ์ฑ๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ์์ ์ฌ์ฉํ ์ ์๋ ๋ชจ๋ ๊ฐ์ ํ๋กํผํฐ ๊ฐ์ด ๋ ์ ์๋ค. ํจ์๋ ๊ฐ์ผ๋ก ์ทจ๊ธ๋๋ฏ๋ก, ํ๋กํผํฐ ๊ฐ์ผ๋ก ์ฌ์ฉํ ์ ์๋ค. ํ๋กํผํฐ ๊ฐ์ด ํจ์์ผ ๊ฒฝ์ฐ ์ผ๋ฐ ํจ์์ ๊ตฌ๋ถํ๊ธฐ ์ํด ๋ฉ์๋๋ผ ๋ถ๋ฅธ๋ค. ์ด์ฒ..
09์ฅ ํ์ ๋ณํ๊ณผ ๋จ์ถ ํ๊ฐ 9.1 ํ์ ๋ณํ์ด๋? ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ชจ๋ ๊ฐ์ ํ์ ์ด ์๋ค. ๊ฐ์ ํ์ ์ ๊ฐ๋ฐ์์ ์๋์ ๋ฐ๋ผ ๋ค๋ฅธ ํ์ ์ผ๋ก ๋ณํํ ์ ์๋ค. ๊ฐ๋ฐ์๊ฐ ์๋์ ์ผ๋ก ๊ฐ์ ํ์ ์ ๋ณํํ๋ ๊ฒ์ ๋ช ์์ ํ์ ๋ณํ ๋๋ ํ์ ์บ์คํ ์ด๋ผ ํ๋ค. ๋ฐ๋๋ก, ๊ฐ๋ฐ์์ ์๋์๋ ์๊ด์์ด ํํ์์ ํ๊ฐํ๋ ๋์ค์ ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ์ํด ์๋ฌต์ ์ผ๋ก ํ์ ์ด ์๋ ๋ณํ๋๊ธฐ๋ ํ๋ค. ์ด๋ฅผ ์๋ฌต์ ํ์ ๋ณํ ๋๋ ํ์ ๊ฐ์ ๋ณํ์ด๋ผ ํ๋ค. ํ์ ๋ณํ์ด๋ ๊ธฐ์กด ์์ ๊ฐ์ ์ฌ์ฉํด ๋ค๋ฅธ ํ์ ์ ์๋ก์ด ์์ ๊ฐ์ ์์ฑํ๊ณ ์์ฑ๋ ๊ฐ์ผ๋ก ํํ์์ ํ๊ฐํ๋ค. ์ด๋ ์ฃผ์ํด์ผ ํ ์ ์ ์๋ก ์์ฑ๋ ์์ ํ์ ์ ๊ฐ์ด ๊ธฐ์กด ๋ณ์ ๊ฐ์ ์ฌํ ๋นํ์ฌ ๋ณ๊ฒฝํ๋ ๊ฒ์ด ์๋๋ผ, ํ ๋ฒ๋ง ์ฌ์ฉํ ํ ๋ฒ๋ฆฌ๊ฒ ๋๋ค. (์์ ๊ฐ์ ๋ณ๊ฒฝ ๋ถ๊ฐ๋ฅํ ๊ฐ..
08์ฅ ์ ์ด๋ฌธ ์ ์ด๋ฌธ์ ์กฐ๊ฑด์ ๋ฐ๋ผ ์ฝ๋ ๋ธ๋ก์ ์คํ ํ๊ฑฐ๋ ๋ฐ๋ณต ์คํ ํ ๋ ์ฌ์ฉํ๋ค. ์ผ๋ฐ์ ์ผ๋ก ์ฝ๋์ ํ๋ฆ์ ์์์ ์๋ ๋ฐฉํฅ์ผ๋ก ์คํ๋์ง๋ง, ์ ์ด๋ฌธ์ ์ฌ์ฉํ๋ฉด ์ฝ๋์ ์คํ ํ๋ฆ์ ์ธ์์ ์ผ๋ก ์ ์ดํ ์ ์๋ค. (์กฐ๊ฑด๋ฌธ, ๋ฐ๋ณต๋ฌธ) 8.1 ๋ธ๋ก๋ฌธ === ์ฝ๋๋ธ๋ก === ๋ธ๋ก ๋ธ๋ก๋ฌธ์ 0๊ฐ ์ด์์ ๋ฌธ์ ์ค๊ดํธ('{ }')๋ก ๋ฌถ์ ๊ฒ์ด๋ค. ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ธ๋ก๋ฌธ์ ํ๋์ ์คํ ๋จ์๋ก ์ทจ๊ธํ๋ค. ๋ธ๋ก๋ฌธ์ ๋จ๋ ์ผ๋ก ์ฌ์ฉํ ์๋ ์์ผ๋ ์ผ๋ฐ์ ์ผ๋ก ์ ์ด๋ฌธ(์กฐ๊ฑด๋ฌธ, ๋ฐ๋ณต๋ฌธ)์ด๋ ํจ์๋ฅผ ์ ์ํ ๋ ์ฌ์ฉํ๋ ๊ฒ์ด ์ผ๋ฐ์ ์ด๋ค. ์ด๋ฌํ ๋ธ๋ก๋ฌธ์ ์์ฒด ์ข ๊ฒฐ์ฑ์ ๊ฐ๊ธฐ ๋๋ฌธ์ ๋ธ๋ก๋ฌธ์ ๋์๋ ์ธ๋ฏธ์ฝ๋ก ( ; )์ ๋ถ์ด์ง ์๋๋ค. 8.2 ์กฐ๊ฑด๋ฌธ ์กฐ๊ฑด๋ฌธ์ ์ฃผ์ด์ง ์กฐ๊ฑด์์ ํ๊ฐ ๊ฒฐ๊ณผ์ ๋ฐ๋ผ ์ฝ๋ ๋ธ๋ก์ ์คํ์ ๊ฒฐ์ ํ๋ค.(์กฐ๊ฑด์์ ๋ถ๋ฆฌ์ธ..
07์ฅ ์ฐ์ฐ์ ์ฐ์ฐ์๋ ํ๋ ์ด์์ ํํ์์ ๋์์ผ๋ก ์ฐ์ , ํ ๋น, ๋น๊ต, ๋ ผ๋ฆฌ, ํ์ , ์ง์ ์ฐ์ฐ ๋ฑ์ ์ํํด ํ๋์ ๊ฐ์ ๋ง๋ ๋ค. ํผ์ฐ์ฐ์๋ ๊ฐ์ผ๋ก ํ๊ฐ ๋ ์ ์๋ ํํ์์ด์ด์ผ ํ๋ฉฐ, ํผ์ฐ์ฐ์์ ์ฐ์ฐ์์ ์กฐํฉ์ผ๋ก ์ด๋ค์ง ์ฐ์ฐ์ ํํ์๋ ๊ฐ์ผ๋ก ํ๊ฐ๋ ์ ์๋ ํํ์์ด๋ค. 7.1 ์ฐ์ ์ฐ์ฐ์ ์ฐ์ ์ฐ์ฐ์๋ ํผ์ฐ์ฐ์๋ฅผ ๋์์ผ๋ก ์ํ์ ๊ณ์ฐ์ ์ํํด ์๋ก์ด ์ซ์ ๊ฐ์ ๋ง๋ ๋ค.(์ฐ์ ์ด ๋ถ๊ฐ๋ฅํ ๊ฒฝ์ฐ ์ซ์ ๊ฐ NaN์ ๋ฐํํ๋ค.) 7.1.1 ์ดํญ ์ฐ์ ์ฐ์ฐ์ ์ดํญ ์ฐ์ ์ฐ์ฐ์๋ 2๊ฐ์ ํผ์ฐ์ฐ์๋ฅผ ์ฐ์ ์ฐ์ฐํ์ฌ ์ซ์ ๊ฐ์ ๋ง๋ ๋ค. ์ดํญ ์ฐ์ ์ฐ์ฐ์๋ ํผ์ฐ์ฐ์์ ๊ฐ์ ๋ณ๊ฒฝํ๋ ๋ถ์ ํจ๊ณผ๋ ์๋ค. ์ดํญ ์ฐ์ ์ฐ์ฐ์ ์๋ฏธ ๋ถ์ ํจ๊ณผ + ๋ํ๊ธฐ ์์ - ๋นผ๊ธฐ ์์ * ๊ณฑํ๊ธฐ ์์ / ๋๋๊ธฐ ์์ % ๋๋จธ์ง ๋๋๊ธฐ ์..
05์ฅ ํํ์๊ณผ ๋ฌธ 5.1 ๊ฐ ๊ฐ์ด๋ ํํ์์ด ํ๊ฐ๋์ด ์์ฑ๋ ๊ฒฐ๊ณผ๋ฅผ ๋งํ๋ค. ํ๊ฐ๋ ์์ ํด์ํด์ ๊ฐ์ ์์ฑํ๊ฑฐ๋ ์ฐธ์กฐํ๋ ๊ฒ์ ์๋ฏธํ๋ค. var sum 10 + 20; // 30 //10 + 20์ ํ๊ฐ๋์ด ์ซ์ ๊ฐ 30์ ์์ฑํ๊ณ ์ซ์ ๊ฐ 30์ด ๋ณ์ sum์ ํ ๋น๋๋ค. ๋ณ์๋ ํ๋์ ๊ฐ์ ์ ์ฅํ๊ธฐ ์ํด ํ๋ณดํ ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ ์์ฒด ๋๋ ๊ทธ ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ์ ์๋ณํ๊ธฐ ์ํด ๋ถ์ธ ์ด๋ฆ์ด๋ผ๊ณ ํ๋๋ฐ, ๋ฐ๋ผ์ ๋ณ์์ ํ ๋น๋๋ ๊ฒ์ '๊ฐ'์ด๋ค. ๊ฐ์ ๋ค์ํ ๋ฐฉ๋ฒ์ผ๋ก ์์ฑํ ์ ์๋ค. ์ ์์ ์ฒ๋ผ ์์ผ๋ก ์์ฑํ ์๋ ์์ง๋ง ๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ๋ฒ์ '๋ฆฌํฐ๋ด'์ ์ฌ์ฉํ๋ ๊ฒ์ด๋ค. 5.2 ๋ฆฌํฐ๋ด ๋ฆฌํฐ๋ด์ด๋ ์ฌ๋์ด ์ดํดํ ์ ์๋ ๋ฌธ์ ๋๋ ์ฝ์๋ ๊ธฐํธ๋ฅผ ์ฌ์ฉํด ๊ฐ์ ์์ฑํ๋ ํ๊ธฐ๋ฒ์ ๋งํ๋ค. //์ซ์ ๋ฆฌํฐ๋ด 3 var n..
04์ฅ ๋ณ์ 4.1 ๋ณ์๋ ๋ฌด์์ธ๊ฐ? ์ ํ์ํ๊ฐ? ๋ณ์๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์์ ๋ฐ์ดํฐ๋ฅผ ๊ด๋ฆฌํ๊ธฐ ์ํ ํต์ฌ ๊ฐ๋ ์ด๋ค. ์ฌ๋์ ๋ชจ๋ ๊ธฐ์ต์ ๋๋์์ ํ๋ค. ํ์ง๋ง ์ปดํจํฐ๋ ์ฐ์ฐ๊ณผ ๊ธฐ์ต์ ์ํํ๋ ๋ถํ์ด ๋๋ ์ ธ ์๋ค. ์ฐ์ฐ์ CPU๋ฅผ ์ฌ์ฉํด์, ๊ธฐ์ต์ ๋ฉ๋ชจ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ค. ๋ฉ๋ชจ๋ฆฌ๋ ๋ฉ๋ชจ๋ฆฌ ์ ์ ์งํฉ์ฒด์ด๋ค. ๋ฉ๋ชจ๋ฆฌ ์ ํ๋์ ํฌ๊ธฐ๋ 1๋ฐ์ดํธ(8๋นํธ)์ด๋ฉฐ, ์ปดํจํฐ๋ 1๋ฐ์ดํธ ๋จ์๋ก ๋ฐ์ดํฐ๋ฅผ ์ ์ฅ ํ๊ฑฐ๋ ์ฝ์ด ๋ค์ธ๋ค. ๊ฐ ๋ฉ๋ชจ๋ฆฌ ์ ์ ๊ณ ์ ์ ๋ฉ๋ชจ๋ฆฌ ์ฃผ์๋ฅผ ๊ฐ๋๋ค. ์ปดํจํฐ๋ ๋ชจ๋ ๋ฐ์ดํฐ๋ฅผ 2์ง์๋ก ์ฒ๋ฆฌํ๋ค(๋์์ , ์ด๋ฏธ์ง ๋ฑ๊ณผ ๊ฐ์ ๋ฐ์ดํฐ์ ์ข ๋ฅ์ ๋ฌด๊ดํ๊ฒ ์ ๋ถ 2์ง์๋ก ์ฒ๋ฆฌํจ) ex) 10 + 20; ์ด๋ผ๋ ์์, ์ซ์ ๊ฐ '10' '20' ์ ๊ณ ์ ์ ๋ฉ๋ชจ๋ฆฌ ์ฃผ์๋ฅผ ๊ฐ๊ณ ๋ฉ๋ชจ๋ฆฌ ์์์ ์์น์ 2์ง์๋ก ์ ์ฅ๋๊ณ , ..
์ฑ ์ฝ๊ธฐ ์์ ์ : ๊ฐ์๋ฅผ ํตํด ์ ๋ฐ์ ์ธ ์๋ฐ์คํฌ๋ฆฝํธ ๊ด๋ จ ๋ด์ฉ๋ค์ ๋น ๋ฅด๊ฒ ์์๋ดค์ผ๋ฏ๋ก, ์ด์ ๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ๊ธฐ์ด ๊ฐ๋ ๋ฐ ๋์ ์๋ฆฌ๋ฅผ ์ค์ฌ์ผ๋ก ํ์ตํ๊ธฐ ์ํด ๋ณธ ์ฑ ์ ์ฝ์ด ๋๊ฐ๋ณด๋ ค ํฉ๋๋ค! 01์ฅ ํ๋ก๊ทธ๋๋ฐ 1.1 ํ๋ก๊ทธ๋๋ฐ์ด๋? : ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ์ฌ์ฉํด ์ปดํจํฐ์๊ฒ ์คํ์ ์๊ตฌํ๋ ์ผ์ข ์ ์ปค๋ฎค๋์ผ์ด์ ์ด๋ค. ๋ฌธ์ ํด๊ฒฐ ๋ฅ๋ ฅ์ ๋ฐํ์ผ๋ก ๋ฌธ์ ํด๊ฒฐ ๋ฐฉ์์ ์ ์ํ ํ, ์ ํํ๊ณ ์์ธํ๊ฒ ์๊ตฌ์ฌํญ์ ์ปดํจํฐ์๊ฒ ์ค๋ช ํ๋ ์ผ๋ จ์ ๊ณผ์ ์ด๋ฉฐ, ๊ทธ ๊ฒฐ๊ณผ๋ฌผ์ด ์ฝ๋์ด๋ค. ์ด๋ฌํ ๊ณผ์ ์ ์ ์ฒ๋ฆฌํด ๋๊ฐ๊ธฐ ์ํด์๋ Computational thinking, ์ฆ ์ปดํจํ ์ฌ๊ณ ๋ฐฉ์์ด ํ์ํ๋ค. 1.2 ํ๋ก๊ทธ๋๋ฐ ์ธ์ด : ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด์๋ ๋ฌธ์ ํด๊ฒฐ ๋ฐฉ์์ ๊ธฐ๊ณ์ด๋ก ์ปดํจํฐ์๊ฒ ์ ๋ฌํด์ผ ํ๋ค. ํ์ง๋ง, ๊ธฐ๊ณ์ด๋ ์ฌ๋๋ค์..