๊ฐ์ฒด๋? ์๋ฐ์คํฌ๋ฆฝํธ๋ ๊ฐ์ฒด๊ธฐ๋ฐ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก, ์์ ๊ฐ์ ์ ์ธํ ๋ชจ๋ ๊ฐ์ ๊ฐ์ฒดํ์ ์ ๋๋ค. ์ด๋ ๋ค์ํ ํ์ ์ ๊ฐ์ ํ๋์ ๋จ์๋ก ๊ตฌ์ฑํ ๋ณตํฉ์ ์ธ ์๋ฃ๊ตฌ์กฐ๋ก ์์ ๊ฐ๊ณผ ๋ค๋ฅด๊ฒ ๋ณ๊ฒฝ ๊ฐ๋ฅํ ๊ฐ์ ๋๋ค. ๊ฐ์ฒด๋ฅผ ์ ์ํ์๋ฉด ํ๋กํผํฐ์ ๋ฉ์๋๋ก ๊ตฌ์ฑ๋ ์งํฉ์ฒด์ ๋๋ค. ํ๋กํผํฐ : ๊ฐ์ฒด์ ์ํ๋ฅผ ๋ํ๋ด๋ ๊ฐ. key๊ณผ value๋ก ๊ตฌ์ฑ. ๋ฉ์๋ : ํ๋กํผํฐ(์ํ ๋ฐ์ดํฐ)๋ฅผ ์ฐธ์กฐํ๊ณ ์กฐ์ํ ์ ์๋ ๋์. var counter = { num: 0, increase() { this.num++; } }; ์์ ์์์ ๊ฐ์ด ๊ฐ์ฒด๋ ์ํ์ ๋์์ ํ๋์ ๋จ์๋ก ๊ตฌ์กฐํ ํ ์ ์์ด์ ์ ์ฉํฉ๋๋ค. ๊ฐ์ฒด ๋ฆฌํฐ๋ด์ ์ํ ๊ฐ์ฒด ์์ฑ ์๋ฐ์คํฌ๋ฆฝํธ๋ ํ๋กํ ํ์ ๊ธฐ๋ฐ ๊ฐ์ฒด์งํฅ ์ธ์ด๋ก์ ๋ค์ํ ๊ฐ์ฒด ์์ฑ ๋ฐฉ๋ฒ์ ์ง์ํฉ๋๋ค. ๊ฐ์ฒด *๋ฆฌ..
๋ณ์๋? ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ฐ์ดํฐ๋ฅผ ์ ๋ ฅ๋ฐ์ ์ฒ๋ฆฌํ๊ณ ์ถ๋ ฅํฉ๋๋ค. ๋ณ์๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์์ ์ด๋ฌํ ๋ฐ์ดํฐ๋ฅผ ๊ด๋ฆฌํ๊ธฐ ์ํ ํต์ฌ ๊ฐ๋ ์ผ๋ก, ์ฌ๋๊ณผ ๋ค๋ฅด๊ฒ ์ปดํจํฐ๋ CPU๋ฅผ ์ฌ์ฉํด ์ฐ์ฐ์ ํ๊ณ , *๋ฉ๋ชจ๋ฆฌ๋ฅผ ์ฌ์ฉํด ๋ฐ์ดํฐ๋ฅผ ๊ธฐ์ตํฉ๋๋ค. ๊ฐ ์ ์ ๊ณ ์ ํ ๋ฉ๋ชจ๋ฆฌ ์ฃผ์๋ฅผ ๊ฐ์ง๊ฒ ๋๊ณ CPU๋ ๋ฉ๋ชจ๋ฆฌ ์ฃผ์์์ ์ํ๋ ๊ฐ์ ์ฝ์ด ๋ค์ฌ ์ฌ์ฉํ๊ฒ ๋ฉ๋๋ค. ํ์ง๋ง ๋ฉ๋ชจ๋ฆฌ ์ฃผ์๋ฅผ ํตํด ๊ฐ์ ์ง์ ์ ๊ทผํ๋ ๋ฐฉ๋ฒ์ ์์ ํ์ง ์์์ ๋ณ์๋ผ๋ ๋งค์ปค๋์ฆ์ ์ด์ฉํ๊ฒ ๋ฉ๋๋ค. *๋ฉ๋ชจ๋ฆฌ : ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ ์ ์๋ ๋ฉ๋ชจ๋ฆฌ ์ ์ ์งํฉ์ฒด. ์ 1๊ฐ = 1๋ฐ์ดํธ(8๋นํธ) ๋ณ์(variable)๋ ํ๋์ ๊ฐ์ ์ ์ฅํ๊ธฐ ์ํด ํ๋ณดํ ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ ์์ฒด ๋๋ ๊ทธ ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ์ ์๋ณํ๊ธฐ ์ํด ๋ถ์ธ ์ด๋ฆ์ ๋๋ค. ์ฆ, ๊ฐ์ ์์น๋ฅผ ๊ฐ๋ฆฌํค๋ ์์ง์ ์ธ ์ด๋ฆ์ ๋๋ค..
์๋ฐ์คํฌ๋ฆฝํธ ์คํ ํ๊ฒฝ ๋ชจ๋ ๋ธ๋ผ์ฐ์ ์ Node.js๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํด์ํ๊ณ ์คํํ ์ ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ๋ด์ฅํ๊ณ ์์ต๋๋ค. ์ข ๋ฅ ๋ชฉ์ ๋ธ๋ผ์ฐ์ HTML, CSS, JS๋ฅผ ์คํํด ์นํ์ด์ง๋ฅผ ๋ธ๋ผ์ฐ์ ํ๋ฉด์ ๋ ๋๋ง ํ๋๊ฒ Node.js ๋ธ๋ผ์ฐ์ ์ธ๋ถ์์ JS ์คํํ๊ฒฝ์ ์ ๊ณตํ๋ ๊ฒ ๋ฐ๋ผ์ ์๋ฐ์คํฌ๋ฆฝํธ์ ์ฝ์ด์ธ ECMAScript ์ด์ธ์ ์ถ๊ฐ๋ก ์ ๊ณตํ๋ ๊ธฐ๋ฅ๋ค์ ์๋ก ํธํ๋์ง ์์ต๋๋ค. ์๋ฅผ ๋ค์ด ๋ธ๋ผ์ฐ์ ๋ *DOM API๋ฅผ ๊ธฐ๋ณธ์ ์ผ๋ก ์ ๊ณตํ๊ณ , Node.js๋ *ํ์ผ ์์คํ ์ ๊ธฐ๋ณธ ์ ๊ณตํ์ง๋ง ์ด๋ ์๋ก ํธํ๋์ง ์์ต๋๋ค. ์ด์ฒ๋ผ ๋ธ๋ผ์ฐ์ ๋ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ Web API๋ฅผ ์ง์ํ๊ณ , Node.js๋ ๊ณ ์ ์ API๋ฅผ ์ง์ํฉ๋๋ค. *DOM API : ํ์ฑ๋ HTML ์์๋ฅผ ์ ํํ๊ฑฐ๋ ์กฐ์ํ๋ ๊ธฐ๋ฅ์ผ๋ก..
OOP๋? OOP๋ Object Oriented Programming์ ์ฝ์๋ก ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ์ ๋ปํฉ๋๋ค. class์ object์ ๊ธฐ๋ฐํ ํ๋ก๊ทธ๋๋ฐ ํจ๋ฌ๋ค์(๋์์ธ ํจํด)์ผ๋ก, ๊ด๋ จ๋ ๋ฐ์ดํฐ๋ผ๋ฆฌ ๋ฌถ์ด์ class๋ฅผ ํ์ฑํ๊ณ ๊ทธ ์์์ object instance๋ฅผ ๋ง๋ค์ด ํ๋ก๊ทธ๋จ์ ๋์์ธ ํฉ๋๋ค. ๋ํ์ ์ผ๋ก ์๋ฐ๊ฐ ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ ๋๋ค. ๊ฐ์ฒด๋ค์ ์งํฉ์ผ๋ก ํ๋ก๊ทธ๋จ์ ์ํธ ์์ฉ์ ํํ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ฒด๋ก ์ทจ๊ธํ์ฌ ๊ฐ์ฒด ๋ด๋ถ์ ์ ์ธ๋ ๋ฉ์๋๋ฅผ ํ์ฉํ๋ ๋ฐฉ์ OOP์ ์ฅ์ ์ฝ๋์ ์ฌ์ฌ์ฉ๋ฅ ์ ๋์ด๊ณ ์ฝ๋๋ฅผ ๊ฐ๊ฒฐํ๊ฒ ํจ์ผ๋ก์จ ์ ์ง๋ณด์๊ฐ ์ฌ์ ๋ฐ์ดํฐ๋ฅผ ์์ ํ๊ฒ ๋ณด์กด์ํฌ ์ ์์(์บก์ํ) OOP์ ํน์ง 4๊ฐ์ง ์บก์ํ(Encapsulation) ์บก์ํ๋ ๊ฐ์ฒด์ ๋ด๋ถ ๋ก์ง์ ๊ฐ์ถ๊ณ ์ธ๋ถ์๋ ์๋์ ์ผ๋ก ์์ ..
- Total
- Today
- Yesterday
- git
- ์นด์นด์ค ์ธํด
- ์ด์์ฒด์
- ๋ฐฑ์ค
- TDD
- http
- fp
- ์๋ฐ
- 2019 ์นด์นด์ค ๊ฐ๋ฐ์ ๊ฒจ์ธ ์ธํด
- map
- ํฌํฌ์ธํฐ
- ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ
- ๋์์ธ ํจํด
- ํจ์ํ ํ๋ก๊ทธ๋๋ฐ
- ํ๋ก๊ทธ๋๋จธ์ค
- ๋คํธ์ํฌ
- ์ด๋ถํ์
- ๋ฐฑ์ค javascript
- ํ๋กํผํฐ
- JavaScript
- ์๋ฐ์คํฌ๋ฆฝํธ
- ํ๋กํ ์ฝ
- ๋ฐฑ์ค node.js
- ์ ์ญ ๋ณ์
- ์ฝ๋ฉํ ์คํธ
- ์๊ณ ๋ฆฌ์ฆ
- ๋ค์ด๋๋ฏน ํ๋ก๊ทธ๋๋ฐ
- Baekjoon
- ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ deep dive
- ๋ ์์ปฌ ํ๊ฒฝ
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |