์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ๋คํธ์ํฌ ์ฐ๊ฒฐ๊ณผ ๊ตฌ์ฑ์์
- Set๊ณผ Map
- ํ์ ๋ณํ๊ณผ๋จ์ถํ๊ฐ
- ๋น์ ๊ณต์ด์ง๋ง ๊ฐ๋ฐ์๋ก ๋จน๊ณ ์ฝ๋๋ค
- ๋นํธ์ธ ๊ฐ์ฒด
- ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์ฌ๋ฆผํฝ ํต๊ณ ์๋น์ค ์ต์ ํ
- ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ
- ํ๋ก๊ทธ๋๋จธ์ค
- ๊ธฐ์ ์ปจํผ๋ฐ์ค
- ๋ธ๋ก๊ทธ ์๋น์ค ์ต์ ํ
- ํ๋กํผํฐ ์ดํธ๋ฆฌ๋ทฐํธ
- ์ ์ญ๋ณ์์๋ฌธ์ ์
- ES6ํจ์ ์ถ๊ฐ๊ธฐ๋ฅ
- Property Attribute
- const
- ์ค์ฝํ
- DOM
- ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ๊ณผ์
- ํ๋ก ํธ์๋ ์ฑ๋ฅ ์ต์ ํ ๊ฐ์ด๋
- ์ด๋ฒคํธ
- ์ธํฐ๋ท ์ฅ๋น
- var ์ฌ์ฉ๊ธ์ง
- ์ ๋๋ ์ดํฐ์ async/await
- Babel๊ณผ Webpack
- ์์๊ฐ๊ณผ๊ฐ์ฒด์๋น๊ต
- ๋์คํธ๋ญ์ฒ๋ง
- ์ด๋ฏธ์ง ๊ฐค๋ฌ๋ฆฌ ์ต์ ํ
- ๋ฅ๋ค์ด๋ธ
- Today
- Total
๋ชฉ๋ก์ ์ฒด ๊ธ (437)
JDevBlog
47.1 ์๋ฌ ์ฒ๋ฆฌ์ ํ์์ฑ ์๋ฌ_error๊ฐ ๋ฐ์ํ์ง ์๋ ์ฝ๋๋ฅผ ์์ฑํ๋ ๊ฒ์ ๋ถ๊ฐ๋ฅํ๋ค. ๋ฐ๋ผ์ ์๋ฌ๋ ์ธ์ ๋ ๋ฐ์ํ ์ ์๋ค. ๋ฐ์ํ ์๋ฌ์ ๋ํด ๋์ฒํ์ง ์๊ณ ๋ฐฉ์นํ๋ฉด ํ๋ก๊ทธ๋จ์ ๊ฐ์ ์ข ๋ฃ๋๋ค. try...catch ๋ฌธ์ ์ฌ์ฉํด ๋ฐ์ํ ์๋ฌ์ ์ ์ ํ๊ฒ ๋์ํ๋ฉด ํ๋ก๊ทธ๋จ์ด ๊ฐ์ ์ข ๋ฃ๋์ง ์๊ณ ๊ณ์ํด์ ์ฝ๋๋ฅผ ์คํ์ํฌ ์ ์๋ค. ์ง์ ์ ์ผ๋ก ์๋ฌ๋ฅผ ๋ฐ์ํ์ง๋ ์๋ ์์ธ_exception ์ ์ธ ์ํฉ์ด ๋ฐ์ํ ์๋ ์๋ค. ์์ธ์ ์ธ ์ํฉ์ ์ ์ ํ๊ฒ ๋์ํ์ง ์์ผ๋ฉด ์๋ฌ๋ก ์ด์ด์ง ๊ฐ๋ฅ์ฑ์ด ํฌ๋ค. 47.2 try..catch...finally ๋ฌธ ์์ธ์ ์ธ ์ํฉ์ด ๋ฐ์ํ๋ฉด ์ฒซ๋ฒ์งธ, ๋ฐํํ๋ ๊ฐ(null ๋๋ -1)์ if ๋ฌธ์ด๋ ๋จ์ถ ํ๊ฐ ๋๋ ์ต์ ๋ ์ฒด์ด๋ ์ฐ์ฐ์๋ฅผ ํตํด ํ์ธํด์ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ๊ณผ ๋๋ฒ์งธ, ์๋ฌ..
46.1 ์ ๋๋ ์ดํฐ๋? ES6์์ ๋์ ๋ ์ ๋๋ ์ดํฐ_generator๋ ์ฝ๋ ๋ธ๋ก์ ์คํ์ ์ผ์ ์ค์งํ๋ค๊ฐ ํ์ํ ์์ ์ ์ฌ๊ฐํ ์ ์๋ ํน์ํ ํจ์๋ค. ์ ๋๋ ์ดํฐ์ ์ผ๋ฐ ํจ์์ ์ฐจ์ด๋ ๋ค์๊ณผ ๊ฐ๋ค. 1. ์ ๋๋ ์ดํฐ ํจ์๋ ํจ์ ํธ์ถ์์๊ฒ ํจ์ ์คํ์ ์ ์ด๊ถ์ ์๋ํ ์ ์๋ค. 2. ์ ๋๋ ์ดํฐ ํจ์๋ ํจ์ ํธ์ถ์์ ํจ์์ ์ํ๋ฅผ ์ฃผ๊ณ ๋ฐ์ ์ ์๋ค. 3. ์ ๋๋ ์ดํฐ ํจ์๋ฅผ ํธ์ถํ๋ฉด ์ ๋๋ ์ดํฐ ๊ฐ์ฒด๋ฅผ ๋ฐํํ๋ค. 46.2 ์ ๋๋ ์ดํฐ ํจ์์ ์ ์ ์ ๋๋ ์ดํฐ ํจ์๋ function* ํค์๋๋ก ์ ์ธํ๋ค. ๊ทธ๋ฆฌ๊ณ ํ๋ ์ด์์ yield ํํ์์ ํฌํจํ๋ค. ์ด๊ฒ์ ์ ์ธํ๋ฉด ์ผ๋ฐ ํจ์๋ฅผ ์ ์ํ๋ ๋ฐฉ๋ฒ๊ณผ ๊ฐ๋ค. ์ ์คํฐ๋ฆฌ์คํฌ(*)์ ์์น๋ function ํค์๋์ ํจ์ ์ด๋ฆ ์ฌ์ด๋ผ๋ฉด ์ด๋๋ ์ง ์๊ด์๋ค. 46.3 ์ ๋๋ ์ดํฐ ..
์๋ฐ์คํฌ๋ฆฝํธ๋ ๋น๋๊ธฐ ์ฒ๋ฆฌ๋ฅผ ์ํ ํ๋์ ํจํด์ผ๋ก ์ฝ๋ฐฑ ํจ์๋ฅผ ์ฌ์ฉํ๋ค. ํ์ง๋ง ์ ํต์ ์ธ ์ฝ๋ฐฑ ํจํด์ ์ฝ๋ฐฑ ํฌ๋ก ์ธํด ๊ฐ๋ ์ฑ์ด ๋์๊ณ ๋น๋๊ธฐ ์ฒ๋ฆฌ ์ค ๋ฐ์ํ ์๋ฌ์ ์ฒ๋ฆฌ๊ฐ ๊ณค๋ํ๋ฉฐ ์ฌ๋ฌ ๊ฐ์ ๋น๋๊ธฐ ์ฒ๋ฆฌ๋ฅผ ํ๋ฒ์ ์ฒ๋ฆฌํ๋ ๋ฐ๋ ํ๊ณ๊ฐ ์๋ค. ES6์์๋ ๋น๋๊ธฐ ์ฒ๋ฆฌ๋ฅผ ์ํ ๋ ๋ค๋ฅธ ํจํด์ผ๋ก ํ๋ก๋ฏธ์ค_Promise ๋ฅผ ๋์ ํ๋ค. ํ๋ก๋ฏธ์ค๋ ์ ํต์ ์ธ ์ฝ๋ฐฑ ํจํด์ด ๊ฐ์ง ๋จ์ ์ ๋ณด์ํ๋ฉฐ ๋น๋๊ธฐ ์ฒ๋ฆฌ ์์ ์ ๋ช ํํ๊ฒ ํํํ ์ ์๋ค๋ ์ฅ์ ์ด ์๋ค. 45.1 ๋น๋๊ธฐ ์ฒ๋ฆฌ๋ฅผ ์ํ ์ฝ๋ฐฑ ํจํด์ ๋จ์ 45.1.1 ์ฝ๋ฐฑ ํฌ ๋น๋๊ธฐ ํจ์ ๋ด๋ถ์ ๋น๋๊ธฐ๋ก ๋์ํ๋ ์ฝ๋๋ ๋น๋๊ธฐ ํจ์๊ฐ ์ข ๋ฃ๋ ์ดํ์ ์๋ฃ๋๋ค. ๋ฐ๋ผ์ ๋น๋๊ธฐ ํจ์ ๋ด๋ถ์ ๋น๋๊ธฐ๋ก ๋์ํ๋ ์ฝ๋์์ ์ฒ๋ฆฌ ๊ฒฐ๊ณผ๋ฅผ ์ธ๋ถ๋ก ๋ฐํํ๊ฑฐ๋ ์์ ์ค์ฝํ์ ๋ณ์์ ํ ๋นํ๋ฉด ๊ธฐ..
REST๋ HTTP๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํด๋ผ์ด์ธํธ๊ฐ ์๋ฒ์ ๋ฆฌ์์ค์ ์ ๊ทผํ๋ ๋ฐฉ์์ ๊ท์ ํ ์ํคํ ์ฒ๊ณ , REST API๋ REST๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์๋น์ค API๋ฅผ ๊ตฌํํ ๊ฒ์ ์๋ฏธํ๋ค. 44.1 REST API ์ ๊ตฌ์ฑ 44.2 REST API ์ค๊ณ ์์น URI๋ ๋ฆฌ์์ค๋ฅผ ํํํ๋ ๋ฐ ์ง์คํ๊ณ ํ์์ ๋ํ ์ ์๋ HTTP ์์ฒญ ๋ฉ์๋๋ฅผ ํตํด ํ๋ ๊ฒ ์ด RESTful API๋ฅผ ์ค๊ณํ๋ ์ค์ฌ ๊ท์น์ด๋ค. -์๋ผ๋ eBook (์ด์ ๋ชจ ์ง์) ์ค์์
43.1 Ajax ๋? Ajax_Asynchronous JavaScript and XML ๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ์ฌ ๋ธ๋ผ์ฐ์ ๊ฐ ์๋ฒ์๊ฒ ๋น๋๊ธฐ ๋ฐฉ์์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ์์ฒญํ๊ณ , ์๋ฒ๊ฐ ์๋ตํ ๋ฐ์ดํฐ๋ฅผ ์์ ํ์ฌ ์นํ์ด์ง๋ฅผ ๋์ ์ผ๋ก ๊ฐฑ์ ํ๋ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ ๋งํ๋ค. Ajax๋ ๋ธ๋ผ์ฐ์ ์์ ์ ๊ณตํ๋ Web API์ธ XMLHttpRequest ๊ฐ์ฒด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๋์ํ๋ค. XMLHttpRequest๋ HTTP ๋น๋๊ธฐ ํต์ ์ ์ํ ๋ฉ์๋์ ํ๋กํผํฐ๋ฅผ ์ ๊ณตํ๋ค. Ajax์ ๋ฑ์ฅ์ ์ด์ ์ ์ ํต์ ์ธ ํจ๋ฌ๋ค์์ ํ๊ธฐ์ ์ผ๋ก ์ ํํ๋ค. ์ฆ, ์๋ฒ๋ก๋ถํฐ ์นํ์ด์ง์ ๋ณ๊ฒฝ์ ํ์ํ ๋ฐ์ดํฐ๋ง ๋น๋๊ธฐ ๋ฐฉ์์ผ๋ก ์ ์ก๋ฐ์ ์นํ์ด์ง๋ฅผ ๋ณ๊ฒฝํ ํ์๊ฐ ์๋ ๋ถ๋ถ์ ๋ค์ ๋ ๋๋งํ์ง ์๊ณ , ๋ณ๊ฒฝํ ํ์๊ฐ ์๋ ๋ถ๋ถ๋ง ํ์ ์ ์ผ๋ก ๋ ๋๋งํ๋ ๋ฐฉ์์ด ๊ฐ๋ฅํด..
42.1 ๋๊ธฐ ์ฒ๋ฆฌ์ ๋น๋๊ธฐ ์ฒ๋ฆฌ 1. ํจ์ ์คํ ํ๋ก์ธ์ค ํจ์ ํธ์ถ → ํจ์์ฝ๋ ํ๊ฐ → ํจ์ ์คํ ์ปจํ ์คํธ ์์ฑ ํจ์ ์คํ ์ปจํ ์คํธ๊ฐ ์ฝ ์คํ์ ํธ์๋์ด ํจ์ ์ฝ๋๊ฐ ์คํ๋๋ค. ํจ์ ์ฝ๋ ์คํ์ด ์ข ๋ฃ๋๋ฉด ์ฝ ์คํ์์ ํ ๋์ด ์ ๊ฑฐ๋๋ค. ํจ์์ ์คํ ์์๋ ์ด ์ฝ ์คํ์ผ๋ก ๊ด๋ฆฌํ๋๋ฐ, ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ๋จ ํ๋์ ์คํ ์ปจํ ์คํธ ์คํ(์ฝ ์คํ)์ ๊ฐ๋๋ค. 2. ๋๊ธฐ ์ฒ๋ฆฌ๋ก ์ธํ ๋ธ๋กํน ํ์ ์ด์ฒ๋ผ ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ํ ๋ฒ์ ํ๋์ ํ์คํฌ๋ง ์คํํ ์ ์๋ ์ฑ๊ธ ์ค๋ ๋(single thread) ๋ฐฉ์์ผ๋ก ๋์ํ๊ธฐ ๋๋ฌธ์ ์ฒ๋ฆฌ์ ์๊ฐ์ด ๊ฑธ๋ฆฌ๋ ํ์คํฌ๋ฅผ ์คํํ๋ ๊ฒฝ์ฐ ๋ธ๋กํน(์์ ์ค๋จ) ํ์์ด ๋ฐ์ํ๋ค. 3. ๋น๋๊ธฐ ์ฒ๋ฆฌ ๋ง์ฝ ํ์ด๋จธ ํจ์์ธ setTimeout ์ ์ด์ฉํ๋ฉด ์ดํ์ ํ์คํฌ๋ฅผ ๋ธ๋กํนํ์ง ์๊ณ ๊ณง..
41.1 ํธ์ถ ์ค์ผ์ค๋ง ๋ธ๋ผ์ฐ์ ํ๊ฒฝ๊ณผ Node.js ํ๊ฒฝ์์ ๋ชจ๋ ์ ์ญ ๊ฐ์ฒด์ ๋ฉ์๋๋ก์ ํ์ด๋จธ ํจ์๋ฅผ ์ ๊ณตํ๋ค. ์ฆ, ํ์ด๋จธ ํจ์๋ ํธ์คํธ ๊ฐ์ฒด๋ค. 41.2 ํ์ด๋จธ ํจ์ 41.2.1 setTimeout / clearTimeout setTimeout ํจ์๋ ์์ฑ๋ ํ์ด๋จธ๋ฅผ ์๋ณํ ์ ์๋ ๊ณ ์ ํ ํ์ด๋จธ id๋ฅผ ๋ฐํํ๋ค. setTimeout ํจ์๊ฐ ๋ฐํํ ํ์ด๋จธ id๋ ๋ธ๋ผ์ฐ์ ํ๊ฒฝ์ธ ๊ฒฝ์ฐ ์ซ์์ด๋ฉฐ Node.js ํ๊ฒฝ์ธ ๊ฒฝ์ฐ ๊ฐ์ฒด๋ค. setTimeout ํจ์๊ฐ ๋ฐํํ ํ์ด๋จธ id๋ฅผ clearTimeout ํจ์์ ์ธ์๋ก ์ ๋ฌํ์ฌ ํ์ด๋จธ๋ฅผ ์ทจ์ํ ์ ์๋ค. 41.2.2 setInterval / clearInterval 41.3 ๋๋ฐ์ด์ค์ ์ค๋กํ ๋๋ฐ์ด์ค์ ์ค๋กํ์ ์งง์ ์๊ฐ ๊ฐ๊ฒฉ์ผ๋ก ์ฐ์ํด์ ๋ฐ์ํ๋ ์ด๋ฒคํธ..
40.1 ์ด๋ฒคํธ ๋๋ฆฌ๋ธ ํ๋ก๊ทธ๋๋ฐ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ ๋ ํธ์ถ๋ ํจ์๋ฅผ ์ด๋ฒคํธ ํธ๋ค๋ฌ_event handler ๋ผ ํ๊ณ , ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ ๋ ๋ธ๋ผ์ฐ์ ์๊ฒ ์ด๋ฒคํธ ํธ๋ค๋ฌ์ ํธ์ถ์ ์์ํ๋ ๊ฒ์ ์ด๋ฒคํธ ํธ๋ค๋ฌ ๋ฑ๋ก์ด๋ผ ํ๋ค. ์ด๋ฒคํธ์ ๊ทธ์ ๋์ํ๋ ํจ์(์ด๋ฒคํธ ํธ๋ค๋ฌ)๋ฅผ ํตํด ์ฌ์ฉ์์ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ํธ์์ฉ_interaction ์ ํ ์ ์๋ค. ์ด์ฒ๋ผ ํ๋ก๊ทธ๋จ์ ํ๋ฆ์ ์ด๋ฒคํธ ์ค์ฌ์ผ๋ก ์ ์ดํ๋ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ ์ด๋ฒคํธ ๋๋ฆฌ๋ธ ํ๋ก๊ทธ๋๋ฐ_event-driven programming ์ด๋ผ ํ๋ค. 40.2 ์ด๋ฒคํธ ํ์ 40.3 ์ด๋ฒคํธ ํธ๋ค๋ฌ ๋ฑ๋ก 40.3.1 ์ด๋ฒคํธ ํธ๋ค๋ฌ ์ดํธ๋ฆฌ๋ทฐํธ ๋ฐฉ์ ์ด๋ฒคํธ ํธ๋ค๋ฌ ์ดํธ๋ฆฌ๋ทฐํธ ๊ฐ์ผ๋ก ํจ์ ํธ์ถ๋ฌธ ๋ฑ์ ๋ฌธ_statement ์ ํ ๋นํ๋ฉด ์ด๋ฒคํธ ํธ๋ค๋ฌ๊ฐ ๋ฑ๋ก๋๋ค. ์ฃผ์ํ ์ ์ ..