[web/공부] 프론트엔드 기본 구성

프론트엔드의 기본 구성 알아보기

 

 

---

       HTML 

HyperText Markup Language

HTML은 웹 페이지의 구조와 내용을 정의하는 데 사용된다.

웹 페이지의 텍스트, 링크, 이미지 및 기타 요소들을 마크업하여 사용자에게 정보를 전달한다.

보통 뼈대로 비유한다.

 

기본 구성 요소

태그(tag)는 태그는 요소의 종류

속성(attribute)은 요소의 특성

 

 

---

       CSS 

Cascading Style Sheets

CSS는 웹 페이지의 스타일을 지정하는 데 사용된다.

색상, 폰트, 레이아웃 등의 시각적 요소를 조정하여 웹 페이지의 외관을 디자인한다.

보통 피부 등 외관으로 비유한다.

 

작동 방식

선택자(selector)를 사용하여 HTML 요소를 지정하고, 해당 요소에 적용할 스타일 규칙을 정의한다.

 

 

---

       JavaScript 

Java + Script (Java와 전혀 관계가 없다)

웹 페이지에 상호작용성을 추가하는 프로그래밍 언어이다.

사용자의 행동에 반응하여 웹 페이지의 내용이나 스타일을 동적으로 변경할 수 있다.

보통 근육으로 비유한다.