vue#
if (condition) {
// true
} else if {
// else true
} else {
// else true
}
switch (var) {
case value1:
//
break;
case value2:
//
break;
default:
//
}
for ๋ฌธ#
for (๋ฐ๋ณต๋ณ์ ์ด๊ธฐํ, ์กฐ๊ฑด, ์ฆ๊ฐ) {
//๋ฐ๋ณต์ฐ์ฐ
}
forEach()
for in (like python)
for of (ES6์ ์ถ๊ฐ๋ ๊ตฌ๋ฌธ, collection iterable)
DOM#
DOM์ ๋ฌธ์ ๊ฐ์ฒด ๋ชจ๋ธ(Document Object Model)๋ฅผ ๋งํ๋ค. ์น ํ์ด์ง์ ๊ตฌ์กฐ์ ์ฝํ ์ธ ๋ฅผ ํํํ๋๋ฐ ์ฌ์ฉ๋๋ ํ๋ก๊ทธ๋๋ฐ ์ธํฐํ์ด์ค์ด๋ค. ์น ๋ธ๋ผ์ฐ์ ๋ ์นํ์ด์ง์ HTML, XML ๋ฌธ์๋ฅผ ์ฝ๊ณ ์ด๋ฅผ ๋ฉ๋ชจ๋ฆฌ์ ๋ก๋ํ ํ, ๊ฐ ์์์ ์ฝํ ์ธ ๋ฅผ ๊ฐ์ฒด๋ก ๋ํ๋ธ๋ค. ์ด๊ฒ์ DOM์ด๋ผ๊ณ ๋งํ๋ค.
DOM์ ๋ด์ฉ
๋ฌธ์ ๊ตฌ์กฐ ํํ - ํธ๋ฆฌ ๊ณ์ธต ๊ตฌ์กฐ
๊ฐ์ฒด ๋ชจ๋ธ - ํน์ฑ,๋ฉ์๋
๋์ ์ํธ์์ฉ - ์ถ๊ฐ ์์ ์ญ์ ์คํ์ผ๋ณ๊ฒฝ
์ด๋ฒคํธ ์ฒ๋ฆฌ - ์ด๋ฒคํธ ๊ฐ์ง ๋ฐ ์ฒ๋ฆฌ(ํด๋ฆญ, ํธ๋ฒ, ํค๋ณด๋์ ๋ ฅ)
ํฌ๋ก์ค๋ธ๋ผ์ฃผ์ด ํธํ์ฑ - JS๋ฅผ ํตํด ๋์ผํ ๋ฐฉ์์ผ๋ก ์กฐ์ ๋ฐ ์ฒ๋ฆฌ ํ์ค ์ ๊ณต
๋ฌธ์ ๊ตฌ์กฐ ๋ณ๊ฒฝ - ๋ฌธ์ ๊ตฌ์กฐ๋ฅผ ๋์ ์ผ๋ก ๋ณ๊ฒฝ ๊ฐ๋ฅ