반응형
⭕ 웹 구조 Web | 프론트엔드 개발 기술 목록: HTML, CSS, JavaScript(JS)
➡️ HTML: 구조
- 역할: 웹 페이지의 기본 구조를 제공함
- 기능: 제목, 문단, 표, 이미지, 동영상 등 페이지의 구조적 요소를 정의함
- 비유: 얼굴에서 눈, 코, 입과 같은 구체적인 부분을 형성함
➡️ CSS: 스타일
- 역할: 웹 페이지의 시각적 스타일을 담당함
- 기능: 색상, 크기, 폰트, 레이아웃 등을 조정하여 콘텐츠의 시각적인 표현을 정의함
- 비유: 구조적으로 설정된 눈, 코, 입의 위치와 모양, 색상 등을 정의함
➡️ JavaScript(JS): 동적 처리
- 역할: 웹 페이지의 동적 기능을 구현함
- 기능: 사용자의 입력에 반응하거나, 페이지의 콘텐츠를 실시간으로 변경하고 움직임을 추가함
반응형
'프론트엔드 > HTML & CSS & Javascript' 카테고리의 다른 글
| CSS | position 위치 속성: Static, Relative, Absolute, Fixed, Sticky (74) | 2024.05.14 |
|---|---|
| CSS | 여백 속성: Margin 및 Padding (74) | 2024.05.14 |
| CSS | background-size 속성: contain 및 cover (73) | 2024.05.14 |
| 자바스크립트 JavaScript | JavaScript 패키지 매니저(package manager) (73) | 2024.05.14 |
| 웹 구조 Web | 프론트엔드 개발: UI(User Interface)와 GUI(Graphic User Interface) (82) | 2024.04.22 |
| 리액트 네이티브 React Native | React.createElement와 JSX (68) | 2024.03.20 |
| 리액트 네이티브 React Native | JSX와 XML 마크업 언어 (62) | 2024.03.20 |
| 자바스크립트 JavaScript | 비동기 처리 (73) | 2024.03.09 |
