본문/내용
1. HTML과 CSS의 차이점에 대해 설명하세요.
HTML과 CSS는 웹 페이지를 구성하는 기본적인 두 가지 기술입니다. HTML은 하이퍼텍스트 마크업 언어로, 웹 페이지의 구조와 콘텐츠를 정의하는 역할을 합니다. 예를 들어, 텍스트, 이미지, 링크, 버튼 등 어떤 요소들이 있는지 태그를 통해 명시합니다. 반면 CSS는 계단식 스타일 시트로, HTML로 작성된 구조에 디자인과 레이아웃을 적용하는 역할을 합니다. CSS를 통해 글꼴, 색상, 배경, 위치, 크기 등을 지정하며, 이는 사용자 경험과 시각적 완성도를 높입니다. 실무에서는 HTML이 80% 이상 구조를 담당하고, CSS는 전체 페이지의 20-30% 정도의 비중을 차지하는데, CSS를 잘 활용하면 같은 HTML 구조에 다양한 디자인을 손쉽게 구현할 수 있습니다. 예를 들어, 반응형 웹 디자인에서는 CSS 미디어 쿼리를 통해 640px 화면에는 텍스트 크기 조절, 1200px 이상에서는 레이아웃 변경이 가능합니다. CSS는 또한 성능 최적화와 유지보수의 효율성을 위해 별도 파일로 분리하여 관리하며, 이러한 차이점을 명확히 이해하는 것이 현대 프론트엔드 개발에 중요합니다.
2. 자바스크립트의 이벤트 버블링과 캡처링에 대해 설명…