본문 바로가기
프론트엔드/[이론] 웹 기술

웹 구조 Web | 프론트엔드 개발 기술 목록: HTML, CSS, JavaScript(JS)

by YUNI Heo 2024. 4. 22.
반응형

 

⭕ 웹 구조 Web | 프론트엔드 개발 기술 목록: HTML, CSS, JavaScript(JS)

➡️ HTML: 구조

  • 역할: 웹 페이지의 기본 구조를 제공함
  • 기능: 제목, 문단, 표, 이미지, 동영상 등 페이지의 구조적 요소를 정의함
  • 비유: 얼굴에서 눈, 코, 입과 같은 구체적인 부분을 형성함

 

➡️ CSS: 스타일

  • 역할: 웹 페이지의 시각적 스타일을 담당함
  • 기능: 색상, 크기, 폰트, 레이아웃 등을 조정하여 콘텐츠의 시각적인 표현을 정의함
  • 비유: 구조적으로 설정된 눈, 코, 입의 위치와 모양, 색상 등을 정의함

 

➡️ JavaScript(JS): 동적 처리

  • 역할: 웹 페이지의 동적 기능을 구현함
  • 기능: 사용자의 입력에 반응하거나, 페이지의 콘텐츠를 실시간으로 변경하고 움직임을 추가함
반응형