์ž๋Š” ์”จ์•—
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ
    • ๐Ÿฃ ๊ธฐ์ดˆ ๊ฐœ๋…
    • ๐Ÿ“Ž ์œ ํŠœ๋ธŒ
    • ๐Ÿ’พ ์กฐ๊ฐ๋ชจ์Œ
    • ๐Ÿ‘ฉ‍๐Ÿ’ป Error
    • โ„ React
    • ๐ŸฅPython
    • ๐Ÿ€ Spring
    • ๐Ÿฅž JS
    • ๐Ÿ‹ Docker
    • ๐Ÿงญ WSO2
    • ๐Ÿง Linux
    • ๐Ÿ”— SQL
    • ๐Ÿข C#
    • ๐Ÿ“‘ ์ฝ์„๊ฑฐ๋ฆฌ
    • ๐Ÿ‘€์งˆ๋ฌธ๋“ค
    • ๐Ÿ‘ฉ‍๐Ÿ’ป ๊ตญ๋น„ ์ˆ˜์—…
      • Java ์ž๋ฐ”
      • Oracle ์˜ค๋ผํด
      • JDBC
      • HTML & CSS
      • JavaScript
      • JSP
      • Servlet
      • Spring
      • MyBatis
    • ๐Ÿ“• ๊ฐœ๋ฐœ ํ˜ผ๊ณต
      • ์ž๋ฐ”์˜ ์ •์„
      • ์ž๋ฐ” ORM ํ‘œ์ค€ JPA ํ”„๋กœ๊ทธ๋ž˜๋ฐ
hELLO ยท Designed By ์ •์ƒ์šฐ.
์ž๋Š” ์”จ์•—

๐ŸŒฑ

๐Ÿฃ ๊ธฐ์ดˆ ๊ฐœ๋…

DOM (Document Object Model)

2024. 2. 23. 11:09

DOM (Document Object Model):

  • ๋ฌธ์„œ ๊ฐ์ฒด ๋ชจ๋ธ(Document Object Model)์˜ ์•ฝ์ž๋กœ, ์›น ํŽ˜์ด์ง€์˜ ๊ตฌ์กฐํ™”๋œ ํ‘œํ˜„์„ ์ œ๊ณตํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ธํ„ฐํŽ˜์ด์Šค
  • HTML, XML ๋ฌธ์„œ์˜ ๊ตฌ์กฐ๋ฅผ ํ‘œํ˜„ํ•จ
  • ํŠธ๋ฆฌ ๊ตฌ์กฐ๋กœ ๋˜์–ด ์žˆ์–ด ๋ฌธ์„œ์˜ ๊ตฌ์กฐ์™€ ๊ด€๊ณ„๋ฅผ ๋ช…ํ™•ํžˆ ํ‘œํ˜„.
  • HTML ๋ฌธ์„œ์˜ ๊ฐ ์š”์†Œ(element)๋“ค์ด ํŠธ๋ฆฌ์˜ ๋…ธ๋“œ(node)๋กœ ํ‘œํ˜„๋˜๋ฉฐ, ๋ถ€๋ชจ-์ž์‹, ํ˜•์ œ ๊ด€๊ณ„ ๋“ฑ์œผ๋กœ ๊ตฌ์„ฑ.
  • ๋ธŒ๋ผ์šฐ์ €๋Š” HTML์„ ์ฝ์–ด์™€์„œ ๋‚ด๋ถ€์ ์œผ๋กœ DOM์„ ์ƒ์„ฑํ•˜์—ฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ œ๊ณต.
  • JavaScript์™€ ๊ฐ™์€ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ HTML ๋ฌธ์„œ์˜ ๋‚ด์šฉ, ๊ตฌ์กฐ, ์Šคํƒ€์ผ ๋“ฑ์„ ๋™์ ์œผ๋กœ ๋ณ€๊ฒฝํ•˜๊ฑฐ๋‚˜ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ์Œ
  • HTML์€ ์ดˆ๊ธฐ ์ •์  ์ƒํƒœ๋ฅผ ์ •์˜ํ•˜๊ณ , ๋ธŒ๋ผ์šฐ์ €๋Š” HTML ๋ฌธ์„œ๋ฅผ ์ฝ์–ด ๋‚ด๋ถ€์ ์œผ๋กœ DOM์œผ๋กœ ๋ณ€ํ™˜ํ•˜์—ฌ DOM์„ ํ†ตํ•ด HTML ๋ฌธ์„œ์˜ ๊ฐ ์š”์†Œ์— ์ ‘๊ทผํ•˜๊ณ  ๋™์ ์œผ๋กœ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•จ
  • ๋ธŒ๋ผ์šฐ์ €์—์„œ๋Š” ์ฃผ๋กœ DOM์„ ์กฐ์ž‘ํ•˜์—ฌ ์›น ํŽ˜์ด์ง€๋ฅผ ๋™์ ์œผ๋กœ ์ œ์–ดํ•จ
์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'๐Ÿฃ ๊ธฐ์ดˆ ๊ฐœ๋…' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

ํ™˜๊ฒฝ๋ณ€์ˆ˜, PATH, CLASSPATH, ์ดํด๋ฆฝ์Šค ๋ฐฐ์น˜ ํŒŒ์ผ ์„ค์ •  (0) 2024.02.29
๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(library)์™€ ํ”„๋ ˆ์ž„์›Œํฌ(Framework)  (0) 2024.02.28
์›นํŽ˜์ด์ง€ ๋กœ๋”ฉ ๋ฐ ํŽ˜์ด์ง€ ํŒŒ์‹ฑ  (1) 2024.02.23
DOMContentLoaded์™€ load ์ด๋ฒคํŠธ  (0) 2024.02.23
๋ธŒ๋ผ์šฐ์ €์˜ ์ €์žฅ์†Œ (๋กœ์ปฌ ์บ์‹œ์™€ ๋ฉ”๋ชจ๋ฆฌ)  (0) 2024.02.23
    '๐Ÿฃ ๊ธฐ์ดˆ ๊ฐœ๋…' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • ํ™˜๊ฒฝ๋ณ€์ˆ˜, PATH, CLASSPATH, ์ดํด๋ฆฝ์Šค ๋ฐฐ์น˜ ํŒŒ์ผ ์„ค์ •
    • ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(library)์™€ ํ”„๋ ˆ์ž„์›Œํฌ(Framework)
    • ์›นํŽ˜์ด์ง€ ๋กœ๋”ฉ ๋ฐ ํŽ˜์ด์ง€ ํŒŒ์‹ฑ
    • DOMContentLoaded์™€ load ์ด๋ฒคํŠธ

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”