Ajax๋? Ajax(Asynchronous JavaScript and XML)๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ์ฌ ๋ธ๋ผ์ฐ์ ๊ฐ ์๋ฒ์๊ฒ ๋น๋๊ธฐ ๋ฐฉ์์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ์์ฒญํ๊ณ , ์๋ฒ๊ฐ ์๋ตํ ๋ฐ์ดํฐ๋ฅผ ์์ ํ์ฌ ์นํ์ด์ง๋ฅผ ๋์ ์ผ๋ก ๊ฐฑ์ ํ๋ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ ๋งํฉ๋๋ค. ๋ธ๋ผ์ฐ์ ์์ ์ ๊ณตํ๋ Web API์ธ XMLHttpRequest ๊ฐ์ฒด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๋์ XMLHttpRequest๋ HTTP ๋น๋๊ธฐ ํต์ ์ ์ํ ๋ฉ์๋์ ํ๋กํผํฐ๋ฅผ ์ ๊ณต ์ด์ ์ ์นํ์ด์ง๋ ์์ ํ HTML์ ์๋ฒ๋ก๋ถํฐ ์ ์ก๋ฐ์ ์นํ์ด์ง ์ ์ฒด๋ฅผ ์ฒ์๋ถํฐ ๋ค์ ๋ ๋๋ง ํ๋ ๋ฐฉ์์ผ๋ก, ๋ณ๊ฒฝํ ํ์๊ฐ ์๋ ๋ถ๋ถ๊น์ง ๋ค์ ๋ ๋๋ง๋๋ ๋จ์ ์ด ์์์ต๋๋ค. ํ์ง๋ง Ajax์ ๋ฑ์ฅ์ ์ด์ ์ ์ ํต์ ์ธ ํจ๋ฌ๋ค์์ ํ๊ธฐ์ ์ผ๋ก ์ ํํ์ต๋๋ค. ์๋ฒ๋ก๋ถํฐ ์นํ์ด์ง์ ๋ณ๊ฒฝ์ ํ์ํ ๋ฐ์ดํฐ๋ง..
ํธ์ถ ์ค์ผ์ค๋ง ํจ์๋ฅผ ๋ช ์์ ์ผ๋ก ์ฆ์ ํธ์ถํ์ง ์๊ณ ์ผ์ ์๊ฐ์ด ๊ฒฝ๊ณผ๋ ์ดํ์ ํธ์ถ๋๋๋ก ํจ์ ํธ์ถ์ ์์ฝํ๋ ค๋ฉด ํ์ด๋จธ ํจ์๋ฅผ ์ด์ฉํด์ผ ํฉ๋๋ค. ์ด๋ฅผ ํธ์ถ ์ค์ผ์ค๋ง์ด๋ผ ํฉ๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ๋ ํ์ด๋จธ๋ฅผ ์์ฑ/์ ๊ฑฐํ ์ ์๋ ํ์ด๋จธ ํจ์๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ด๋ ECMAScrip ์ฌ์์ ์ ์๋ ๋นํธ์ธ ํจ์๊ฐ ์๋๋ฉฐ ๋ธ๋ผ์ฐ์ /Node.js ํ๊ฒฝ์์ ์ ์ญ ๊ฐ์ฒด์ ๋ฉ์๋๋ก์ ์ ๊ณตํ๋ ํธ์คํธ ๊ฐ์ฒด์ ๋๋ค. ํ์ด๋จธ๋ฅผ ์์ฑํ๋ setTimeout๊ณผ setInterval ํ์ด๋จธ ํจ์๋ ๋น๋๊ธฐ ์ฒ๋ฆฌ ๋ฐฉ์์ผ๋ก ๋์ํฉ๋๋ค. ํ์ด๋จธ ํจ์ setTimeout / clearTimout setTimeout ํจ์๋ ๋๋ฒ์งธ ์ธ์๋ก ์ ๋ฌ๋ฐ์ ์๊ฐ(ms, 1/1000์ด)์ผ๋ก ๋จ ํ ๋ฒ ๋์ํ๋ ํ์ด๋จธ๋ฅผ ์์ฑํ๊ณ ์ดํ ํ์ด๋จธ๊ฐ ๋ง๋ฃ๋๋ฉด ์ฒซ ๋ฒ์งธ ์ธ..
์ด๋ฒคํธ ๋๋ฆฌ๋ธ ํ๋ก๊ทธ๋๋ฐ ๋ธ๋ผ์ฐ์ ๋ ์ฒ๋ฆฌํด์ผ ํ ํน์ ์ฌ๊ฑด(ํด๋ฆญ, ํค๋ณด๋ ์ ๋ ฅ, ๋ง์ฐ์ค ์ด๋ ๋ฑ)์ด ๋ฐ์ํ๋ฉด ์ด๋ฅผ ๊ฐ์งํ์ฌ ์ด๋ฒคํธ๋ฅผ ๋ฐ์์ํต๋๋ค. ์ด๋, ์ ํ๋ฆฌ์ผ์ด์ ์ด ํน์ ํ์ ์ ์ด๋ฒคํธ์ ๋ํด ๋ฐ์ํ์ฌ ์ด๋ค ์ผ์ ํ๊ณ ์ถ๋ค๋ฉด ํด๋นํ๋ ํ์ ์ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ ๋ ํธ์ถ๋ ํจ์๋ฅผ ๋ธ๋ผ์ฐ์ ์๊ฒ ์๋ ค ํธ์ถ์ ์์ํฉ๋๋ค. ์ด๋ฒคํธ ํธ๋ค๋ฌ : ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ ๋ ํธ์ถ๋ ํจ์ ์ด๋ฒคํธ ํธ๋ค๋ฌ ๋ฑ๋ก : ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ ๋ ๋ธ๋ผ์ฐ์ ์๊ฒ ์ด๋ฒคํธ ํธ๋ค๋ฌ์ ํธ์ถ์ ์์ํ๋ ๊ฒ Click me! ์ ์์ ์ ๊ฐ์ด ๋ธ๋ผ์ฐ์ ๋ ์ฌ์ฉ์์ ์ฌ๊ฑด(ํด๋ฆญ)์ ๊ฐ์งํ์ฌ ์ด๋ฒคํธ๋ฅผ ๋ฐ์์ํค๊ณ ์ด๋ฒคํธ ํธ๋ค๋ฌ๋ฅผ ํธ์ถํ๋๋ก ์ด๋ฒคํธ ํธ๋ค๋ฌ ๋ฑ๋ก์ ํ ์ ์์ต๋๋ค. ์ฆ, ์ด๋ฒคํธ์ ๊ทธ์ ๋์ํ๋ ํจ์(์ด๋ฒคํธ ํธ๋ค๋ฌ)๋ฅผ ํตํด ์ฌ์ฉ์์ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ํธ์์ฉ..
๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ์์ง์ HTML ๋ฌธ์๋ฅผ ํ์ฑํ์ฌ ๋ธ๋ผ์ฐ์ ๊ฐ ์ดํดํ ์ ์๋ ์๋ฃ๊ตฌ์กฐ์ธ DOM์ ์์ฑํฉ๋๋ค. ์ด๋ ์์ฑ๋๋ DOM(Document Object Model)์ HTML ๋ฌธ์์ ๊ณ์ธต์ ๊ตฌ์กฐ์ ์ ๋ณด๋ฅผ ํํํ๋ฉฐ ์ด๋ฅผ ์ ์ดํ ์ ์๋ API(ํ๋กํผํฐ์ ๋ฉ์๋)๋ฅผ ์ ๊ณตํ๋ ํธ๋ฆฌ ์๋ฃ๊ตฌ์กฐ์ ๋๋ค. ๋ ธ๋ HTML ์์์ ๋ ธ๋ ๊ฐ์ฒด HTML ์์๋ HTML ๋ฌธ์๋ฅผ ๊ตฌ์ฑํ๋ ๊ฐ๋ณ์ ์ธ ์์๋ฅผ ์๋ฏธํฉ๋๋ค. ์ด๋ฌํ HTML ์์๋ ๋ ๋๋ง ์์ง์ ์ํด ํ์ฑ๋์ด DOM์ ๊ตฌ์ฑํ๋ ์์ ๋ ธ๋ ๊ฐ์ฒด๋ก ๋ณํ๋ฉ๋๋ค. ์ด๋, HTML ์์์ ์ดํธ๋ฆฌ๋ทฐํธ๋ ์ดํธ๋ฆฌ๋ทฐํธ ๋ ธ๋๋ก, HTML ์์์ ํ ์คํธ ์ฝํ ์ธ ๋ ํ ์คํธ ๋ ธ๋๋ก ๋ณํ๋ฉ๋๋ค. HTML ๋ฌธ์๋ ์ค์ฒฉ ๊ด๊ณ๋ฅผ ๊ฐ์ง๋ HTML ์์๋ค์ ์งํฉ(ํ ์คํธ ๋ฟ๋ง ์๋๋ผ ๋ค๋ฅธ HTML ์..
[๋ฌธ์ ] https://school.programmers.co.kr/learn/courses/30/lessons/17677 ํ๋ก๊ทธ๋๋จธ์ค ์ฝ๋ ์ค์ฌ์ ๊ฐ๋ฐ์ ์ฑ์ฉ. ์คํ ๊ธฐ๋ฐ์ ํฌ์ง์ ๋งค์นญ. ํ๋ก๊ทธ๋๋จธ์ค์ ๊ฐ๋ฐ์ ๋ง์ถคํ ํ๋กํ์ ๋ฑ๋กํ๊ณ , ๋์ ๊ธฐ์ ๊ถํฉ์ด ์ ๋ง๋ ๊ธฐ์ ๋ค์ ๋งค์นญ ๋ฐ์ผ์ธ์. programmers.co.kr ๋ด์ค ํด๋ฌ์คํฐ๋ง ์ฌ๋ฌ ์ธ๋ก ์ฌ์์ ์์์ง๋ ๋ด์ค, ํนํ ์๋ณด์ฑ ๋ด์ค๋ฅผ ๋ณด๋ฉด ๋น์ท๋น์ทํ ์ ๋ชฉ์ ๊ธฐ์ฌ๊ฐ ๋ง์ ์ ์ ํ์ํ ๊ธฐ์ฌ๋ฅผ ์ฐพ๊ธฐ๊ฐ ์ด๋ ต๋ค. Daum ๋ด์ค์ ๊ฐ๋ฐ ์ ๋ฌด๋ฅผ ๋งก๊ฒ ๋ ์ ์ ์ฌ์ ํ๋ธ๋ ์ฌ์ฉ์๋ค์ด ํธ๋ฆฌํ๊ฒ ๋ค์ํ ๋ด์ค๋ฅผ ์ฐพ์๋ณผ ์ ์๋๋ก ๋ฌธ์ ์ ์ ๊ฐ์ ํ๋ ์ ๋ฌด๋ฅผ ๋งก๊ฒ ๋์๋ค. ๊ฐ๋ฐ์ ๋ฐฉํฅ์ ์ก๊ธฐ ์ํด ํ๋ธ๋ ์ฐ์ ์ต๊ทผ ํ์ ๊ฐ ๋๊ณ ์๋ "์นด์นด์ค ์ ์ ๊ฐ๋ฐ์ ๊ณต์ฑ" ๊ด๋ จ ๊ธฐ์ฌ๋ฅผ ๊ฒ์..
์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๊ฐ์ฅ ๋ง์ด ์ฌ์ฉ๋๋ ๋ถ์ผ๋ ์น ๋ธ๋ผ์ฐ์ ํ๊ฒฝ์์ ๋์ํ๋ ์นํ์ด์ง/์ ํ๋ฆฌ์ผ์ด์ ์ ํด๋ผ์ด์ธํธ ์ฌ์ด๋์ ๋๋ค. ๋ฐ๋ผ์ ๋๋ถ๋ถ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ OS๋ VM์์์ ์คํ๋๋ ๋ฐ๋ฉด ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ธ๋ผ์ฐ์ ์์ HTML, CSS์ ํจ๊ป ์คํ๋๊ธฐ ๋๋ฌธ์ ๋ธ๋ผ์ฐ์ ํ๊ฒฝ์ ๊ณ ๋ คํ ๋ ํจ์จ์ ์ธ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก๊ทธ๋๋ฐ์ด ๊ฐ๋ฅํฉ๋๋ค. ๋ธ๋ผ์ฐ์ ๋ HTML, CSS, JS๋ก ์์ฑ๋ ํ ์คํธ ๋ฌธ์๋ฅผ ํ์ฑ(ํด์)ํ์ฌ ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋งํฉ๋๋ค. ํ์ฑ : ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ ๋ฌธ๋ฒ์ ๋ง๊ฒ ์์ฑ๋ ํ ์คํธ ๋ฌธ์๋ฅผ ์ฝ์ด ๋ค์ฌ ์คํํ๊ธฐ ์ํด ํ ์คํธ ๋ฌธ์์ ๋ฌธ์์ด ํ ํฐ์ผ๋ก ๋ถํดํ๊ณ , ํ ํฐ์ ๋ฌธ๋ฒ์ ์๋ฏธ์ ๊ตฌ์กฐ๋ฅผ ๋ฐ์ํ์ฌ ํธ๋ฆฌ ๊ตฌ์กฐ์ ์๋ฃ๊ตฌ์กฐ์ธ ํ์ค ํธ๋ฆฌ๋ฅผ ์์ฑํ๋ ์ผ๋ จ์ ๊ณผ์ ๋ ๋๋ง : HTML, CSS, JS๋ก ์์ฑ๋ ..
Set Set ๊ฐ์ฒด๋ ์ค๋ณต๋์ง ์๋ ์ ์ผํ ๊ฐ๋ค์ ์งํฉ์ผ๋ก, ๋ฐฐ์ด๊ณผ ์ ์ฌํ์ง๋ง ๋ค์๊ณผ ๊ฐ์ ์ฐจ์ด๊ฐ ์์ต๋๋ค. ๊ตฌ๋ถ ๋ฐฐ์ด Set ๊ฐ์ฒด ๋์ผํ ๊ฐ์ ์ค๋ณตํ์ฌ ํฌํจํ ์ ์๋ค. O X ์์ ์์์ ์๋ฏธ๊ฐ ์๋ค. O X ์ธ๋ฑ์ค๋ก ์์์ ์ ๊ทผํ ์ ์๋ค. O X ์ด์ฒ๋ผ Set ๊ฐ์ฒด์ ํน์ฑ์ ์ํ์ ์งํฉ์ ํน์ ๊ณผ ์ผ์นํ๋ฉฐ Set์ ์ํ์ ์งํฉ์ ๊ตฌํํ๊ธฐ ์ํ ์๋ฃ๊ตฌ์กฐ์์ ์ ์ ์์ต๋๋ค. ๋ฐ๋ผ์ Set ์ ํตํด ๊ต์งํฉ, ํฉ์งํฉ, ์ฐจ์งํฉ, ์ฌ์งํฉ ๋ฑ์ ๊ตฌํํ ์ ์์ต๋๋ค. Set ๊ฐ์ฒด์ ์์ฑ Set ๊ฐ์ฒด๋ Set ์์ฑ์ ํจ์๋ก ์์ฑํฉ๋๋ค. Set ์์ฑ์ ํจ์์ ์ธ์๋ฅผ ์ ๋ฌํ์ง ์์ผ๋ฉด ๋น Set ๊ฐ์ฒด๊ฐ ์์ฑ Set ์์ฑ์ ํจ์๋ ์ดํฐ๋ฌ๋ธ์ ์ธ์๋ก ์ ๋ฌ๋ฐ์ Set ๊ฐ์ฒด๋ฅผ ์์ฑํจ ์ธ์๋ก ์ ๋ฌ๋ฐ์ ์ดํฐ๋ฌ๋ธ์ ์ค๋ณต๋ ๊ฐ์ S..
๋์คํธ๋ญ์ฒ๋ง ํ ๋น(destructuring assignment, ๊ตฌ์กฐ ๋ถํด ํ ๋น)์ ๊ตฌ์กฐํ๋ ๋ฐฐ์ด๊ณผ ๊ฐ์ ์ดํฐ๋ฌ๋ธ ๋๋ ๊ฐ์ฒด๋ฅผ destructuring(๋น๊ตฌ์กฐํ, ๊ตฌ์กฐ ํ๊ดด)ํ์ฌ 1๊ฐ ์ด์์ ๋ณ์์ ๊ฐ๋ณ์ ์ผ๋ก ํ ๋นํ๋ ๊ฒ์ ๋งํฉ๋๋ค. ๋ฐฐ์ด๊ณผ ๊ฐ์ ์ดํฐ๋ฌ๋ธ ๋๋ ๊ฐ์ฒด ๋ฆฌํฐ๋ด์์ ํ์ํ ๊ฐ๋ง ์ถ์ถํ์ฌ ๋ณ์์ ํ ๋นํ ๋ ์ ์ฉํฉ๋๋ค. ๋ฐฐ์ด ๋์คํธ๋ญ์ฒ๋ง ํ ๋น ๋ฐฐ์ด์ ๊ฐ ์์๋ฅผ ๋ฐฐ์ด๋ก๋ถํฐ ์ถ์ถํ์ฌ 1๊ฐ ์ด์์ ๋ณ์์ ํ ๋นํ ๋, ๋ฐฐ์ด ๋์คํธ๋ญ์ฒ๋ง ํ ๋น์ ๋์(ํ ๋น๋ฌธ์ ์ฐ๋ณ)์ ์ดํฐ๋ฌ๋ธ์ด์ด์ผ ํ๋ฉฐ, ํ ๋น ๊ธฐ์ค์ ๋ฐฐ์ด์ ์ธ๋ฑ์ค์ ๋๋ค. // ES6 const arr = [1, 2, 3]; // ES6 ๋ฐฐ์ด ๋์คํธ๋ญ์ฒ๋ง ํ ๋น // ๋ณ์ one, two, three๋ฅผ ์ ์ธํ๊ณ ๋ฐฐ์ด arr์ ๋์คํธ๋ญ์ฒ๋งํ์ฌ ํ ๋นํ๋ค. // ..
- Total
- Today
- Yesterday
- ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ deep dive
- Baekjoon
- ๋ค์ด๋๋ฏน ํ๋ก๊ทธ๋๋ฐ
- 2019 ์นด์นด์ค ๊ฐ๋ฐ์ ๊ฒจ์ธ ์ธํด
- ๋์์ธ ํจํด
- ํฌํฌ์ธํฐ
- ๋ฐฑ์ค javascript
- ๋ฐฑ์ค node.js
- ์ ์ญ ๋ณ์
- map
- git
- ๋ ์์ปฌ ํ๊ฒฝ
- ์๋ฐ
- ์นด์นด์ค ์ธํด
- ์ฝ๋ฉํ ์คํธ
- ํ๋กํผํฐ
- ํ๋ก๊ทธ๋๋จธ์ค
- ํ๋กํ ์ฝ
- ํจ์ํ ํ๋ก๊ทธ๋๋ฐ
- ์ด๋ถํ์
- ๋ฐฑ์ค
- ๋คํธ์ํฌ
- http
- ์ด์์ฒด์
- ์๊ณ ๋ฆฌ์ฆ
- ์๋ฐ์คํฌ๋ฆฝํธ
- TDD
- ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ
- fp
- JavaScript
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |