| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
- 비킹구르 올라프손
- 정명훈 #도쿄필하모닉 #조성진
- 전자음악
- 슈만
- 안유리
- vscode 단축키
- Ars longa vita brevis
- 마크다운 html 차이
- 미디어아트
- 미디어아티스트 박형준
- 코파일럿
- 티스토리 글쓰기 모드
- 자동화
- artntech
- css diner
- 스틱스 심포니
- 글자관련태그
- html모드 기본모드 전환 오류
- Auto Rename Tag
- e.printStackTrace()
- vscode
- MDN Web Docs
- 한국문화예술위원회
- 윈도우 폴더 구조 자동화
- 피아노 협주곡
- HTML의 구조
- 자바의 정석1
- 2024 한화 교향악축제
- 장 필립 라모
- 티스토리 초보
- Today
- Total
Record
프론트엔드(front-end)란? 본문
프론트엔드(영어: front-end)는 웹 개발에서 사용되는 용어로, 사용자가 직접 상호작용하는 부분을 가리킵니다.
즉, 웹사이트나 웹 애플리케이션의 사용자 인터페이스(UI)와 사용자 경험(UX)을 개발하는 영역을 말합니다.
프론트엔드 개발은 다음과 같은 주요 요소들을 포함합니다:
1. **웹 디자인**: 웹사이트나 애플리케이션의 레이아웃, 색상, 폰트 등을 디자인하는 작업입니다.
2. **HTML**: 웹 페이지의 구조를 정의하기 위해 사용되는 마크업 언어입니다. HTML은 요소(element)들의 집합으로 구성되며, 이를 통해 문서의 구조와 콘텐츠를 정의합니다.
3. **CSS**: Cascading Style Sheets의 약자로, HTML 요소의 스타일과 레이아웃을 꾸며주는 스타일 시트 언어입니다. CSS를 사용하여 색상, 폰트, 여백, 배경 이미지 등을 설정할 수 있습니다.
4. **JavaScript**: 웹 페이지나 애플리케이션의 동적 기능을 구현하는 프로그래밍 언어입니다. JavaScript를 사용하여 사용자 입력에 반응하고, 페이지의 내용을 변경하며, 서버와의 통신을 처리할 수 있습니다.
5. **프론트엔드 프레임워크 및 라이브러리**: React, Angular, Vue.js 등과 같은 프론트엔드 프레임워크나 라이브러리를 사용하여 웹 애플리케이션을 보다 효율적으로 개발할 수 있습니다. 이러한 도구들은 개발자들이 재사용 가능한 컴포넌트를 만들고, 상태 관리를 용이하게 하며, 라우팅 및 상태 관리 등의 작업을 간소화합니다.
프론트엔드 개발자는 이러한 기술과 도구를 사용하여 사용자가 쉽게 상호작용할 수 있는 웹 인터페이스를 만들고, 웹 애플리케이션의 사용자 경험을 개선합니다.
'HTML > 수업리뷰' 카테고리의 다른 글
| CSS(카스케이딩 스타일 시트, Cascading Style Sheets) (0) | 2024.04.11 |
|---|---|
| <VSCode> Auto Rename Tag 설치 (0) | 2024.04.10 |
| VSCode 단축키 (0) | 2024.04.10 |
| 01_글자.html (글자관련태그) (0) | 2024.04.10 |
| HTML(하이퍼텍스트 마크업 언어, HyperText Markup Language)이란? (0) | 2024.04.10 |