๐ ๊ฐ์ฒด
- ์๋ฃ๋ฅผ ์ ์ฅํ๊ณ ์ฒ๋ฆฌํ๋ ๊ธฐ๋ณธ ๋จ์
- ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก๊ทธ๋จ์์ ์ธ์ํ ์ ์๋ ๋ชจ๋ ๋์
- ๋ณตํฉ ์๋ฃํ (๊ฐ์ฒด ์์ ์ซ์, ๋ฌธ์์ด ๋ฑ ์ฌ๋ฌ ๊ฐ์ง ์๋ฃํ์ด ํฌํจ๋จ)
- ์ด๋ฆ๊ณผ ๊ฐ์ด ๋ค์ด์๋ ํ๋๋ฅผ ํ๋กํผํฐ๋ผ๊ณ ํจ
var book = {
titile: "์๋ฐ์คํฌ๋ฆฝํธ", // ์ ๋ชฉ
author: "ํ๊ธธ๋", // ์ ์
pages: 500, // ์ชฝ์
price: 15000 // ๊ฐ๊ฒฉ
}
๐ ๋ด์ฅ ๊ฐ์ฒด
- ๋ธ๋ผ์ฐ์ ์์ ๋ฏธ๋ฆฌ ์ ์๋์ด ์๋ ๊ฐ์ฒด
- ์น ๋ธ๋ผ์ฐ์ ๋ฅผ ์ปจํธ๋กคํ๊ธฐ ์ํด์ ์น๋ธ๋ผ์ฐ์ง ์์๋ค์ ๋ชจ๋ ํ๋์ ๊ฐ์ฒด๋ก ๋ง๋ค์ด ๋์ ๊ฒ
- ๋ฌธ์ ๊ฐ์ฒด ๋ชจ๋ธ (DOM) : ๋ฌธ์ ๋ฟ๋ง ์๋๋ผ ์น ๋ฌธ์ ์์ ํฌํจ๋ ์ด๋ฏธ์ง, ๋งํฌ, ํ์คํธ ํ๋ ๋ฑ์ ๋ชจ๋ ๋ณ๋์ ๊ฐ์ฒด๋ก ๊ด๋ฆฌ
- ๋ธ๋ผ์ฐ์ ๊ฐ์ฒด ๋ชจ๋ธ : ์น ๋ธ๋ผ์ฐ์ ์ ๋ณด๋ฅผ ๊ฐ์ฒด๋ก ๊ด๋ฆฌ
๐ ์ฌ์ฉ์ ์ ์ ๊ฐ์ฒด
- ํ์ํ ๋๋ง๋ค ์ฌ์ฉ์๊ฐ ์ง์ ๋ง๋๋ ๊ฐ์ฒด
๐ ์์ฑ (ํ๋กํผํฐ, property)
- ๊ฐ์ฒด์ ๋ด๊ณ ์๋ ๊ฐ
- ๊ฐ์ฒด๋ช
, ์์ฑ๋ช
- ์) Navigator ๊ฐ์ฒด์ ์๋ vendor ์์ฑ์ด ๊ถ๊ธํ๋ค๋ฉด? => navigator.vendor
๐ ๋ฉ์๋
- ๊ฐ์ฒด์ ๋์์ ์ ์ํ ํจ์ (๊ฐ์ฒด ์์ ํจ์)
- window ๊ฐ์ฒด์๋ ์๋ฆผ ์ฐฝ์ ํ์ํ๋ alert() ๋ฉ์๋ ์์
- window.alert()
- window ๊ฐ์ฒด๋ ์ฃ์์ ๊ฐ์ฒด์ด๋ฏ๋ก window. ์๋ตํ๊ณ ๊ทธ๋ฅ alert()๋ผ๊ณ ์ธ ์ ์์
๐ ํ๋กํ ํ์
๊ณผ ์ธ์คํด์ค
- ํ๋กํ ํ์
: ๊ฐ์ฒด์ ์์ฑ๊ณผ ๋ฉ์๋๋ฅผ ๋ชจ์๋์ ํ ๊ฐ์ ๊ฒ
- ์ธ์คํด์ค : ํ๋กํ ํ์
์ผ๋ก ์ฐ์ด๋ธ ๊ฐ์ฒด
- ํ๋กํ ํ์
์ ์์ฑ๊ณผ ํจ์๋ฅผ ๋๊ฐ์ด ์ฌ์ฉํจ
- ๋ด์ฅ๊ฐ์ฒด ์ค์ ์ ์ผํ๊ฒ ์ธ์คํด์ค๋ฅผ ์ค์ค๋ก ๋ง๋ค์ง ์๊ณ ๋ฐ๋ก ์ฌ์ฉํ ์ ์๋ ๊ฐ์ฒด๊ฐ ์์ => math๋ผ๋ ๊ฐ์ฒด