๋ณ์
- let: ๋ณ์์ ๊ฐ์ ๋ฐ๊ฟ ์ ์๋ค. (์ฌ์ ์ธ X, ์ฌํ ๋น O)
- const: ์์. ๋ณ์์ ๊ฐ์ ๋ฐ๊ฟ ์ X. ์ฌ๋งํ๋ฉด ์ด๊ฑธ๋ก ์ ์ธํ๊ธฐ! (์ฌ์ ์ธ X, ์ฌํ ๋น X)
var: ์ฐ์ง๋ง๊ธฐ!!!!!! (์ฌ์ ์ธ O, ์ฌํ ๋น O)
๋ณ์๋ช - Camel case
์๋ฐ์คํฌ๋ฆฝํธ์ ๋ณ์๋ช , ํจ์๋ช ์ Camel case๋ฅผ ๋ง์ด ๋ฐ๋ฅธ๋ค.
- ๋ณ์๋ช ์ ์์์ ๋ฌด์กฐ๊ฑด ์๋ฌธ์.
- ์ค๊ฐ์ ๊ณต๋ฐฑ์ด ํ์ํ๋ค๋ฉด, ๊ณต๋ฐฑ ๋์ ๋จ์ด์ ์ฒซ ๊ธ์๋ฅผ ๋๋ฌธ์๋ก.
- ๊ณต๋ฐฑ, -, / ๊ฐ์ ํน์๋ฌธ์๋ค ์ฌ์ฉ X.
๋ฐฐ์ด (Array)
- [] ๋ถํธ ์ฌ์ฉ.
- index๋ก ์ํ๋ ๊ฐ์ ์ฐพ์ ์ ์๋ค.
- ๋ชจ๋ ๊ฐ์ ๋ฐ์ดํฐํ์ ์ผ ํ์ X
- array์ array๋ ๊ฐ๋ฅ.
- array์ object๋ ๊ฐ๋ฅ.
๊ฐ์ฒด (Object)
const HJInfo = {
name: "HJ",
age: 33,
gender: "Female",
isCute: true,
favMovie: ["Eternal Sunshine", "Get Out"]
favFood: [
{
name: "Chicken",
fatty: true
},
{
name: "Kimchi",
fatty: false
}
]
}
console.log(HJInfo.age); // 33
HJInfo.age = 20
console.log(HJInfo.age); // 20
- {} ๋ถํธ ์ฌ์ฉ.
- key๋ก ์ํ๋ ๊ฐ์ ์ฐพ์ ์ ์๋ค.
- object์ object๋ ๊ฐ๋ฅ.
- object์ array๋ ๊ฐ๋ฅ.
- ๊ฐ์ฒด ์ ๊ฐ์ ๋ฐ๊ฟ ์๋ ์๋ค. BUT ๊ฐ์ฒด ์์ฒด๋ฅผ ๋ฐ๊ฟ ์ ์๋ค.
(HJInfo = true; ์ด๋ ๊ฒ ๋ชป ๋ฐ๊พผ๋ค๋ ๋ป)
'Web' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์๋ฐ์คํฌ๋ฆฝํธ classList๋ฅผ ์จ์ผํ๋ ์ด์ (2) | 2021.01.16 |
---|---|
์๋ฐ์คํฌ๋ฆฝํธ ํจ์, ๋ฐฑํฑ, DOM, querySelector (0) | 2021.01.15 |
์๋ฐ์คํฌ๋ฆฝํธ, ES, ๋ฐ๋๋ผJS, SPA (0) | 2021.01.13 |
CSS ๋งํฌ ๋ฐ์ค ์์ ๊ธฐ, ๋งํฌ ์์ ์์ ๊ธฐ (2) | 2020.08.29 |
CSS display ์์ฑ: block, inline, flex (+) vh ๋จ์ (0) | 2020.08.15 |