Jin's IT Story

프런트엔드 개발에 입문하면 처음 마주하는 수많은 용어들이 어렵게 느껴질 수 있습니다. DOM, CSS, 뷰포트 등은 웹의 구조와 동작을 이해하는 데 필수적인 개념이지만, 비전공자나 초보 개발자에게는 다소 생소하게 다가옵니다. 이번 글에서는 초보 웹개발자를 위해 이 세 가지 핵심 용어를 알기 쉽게 설명하고, 실제 웹 개발에 어떻게 활용되는지를 구체적으로 안내드립니다. DOM이란 무엇인가? DOM(Document Object Model)은 웹페이지의 구조를 정의하는 모델로, 브라우저가 HTML 문서를 해석해 생성한 객체 트리입니다. 쉽게 말하면, 웹페이지를 구성하는 모든 요소를 트리 형태로 표현한 것이라 볼 수 있습니다. 예를 들어 , , 등은 모두 DOM 트리의 노드로 존재하며, 자바스크립트를 통해 이..