HyperText Markup Language, 웹 페이지를 생성하기 위한 표준 마크업 언어
- HyperText는 텍스트와 하이퍼링크의 조합, 링크가 있는 텍스트, 웹 기본 요소
- 마크업이란? 텍스트 내 태그를 추가하여 스타일을 지정하는 방법

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		Hello, World!
	</body>
</html>

Semantic HTML

시멘틱 HTML, 의미론적 HTML이라고도 하는데, HTML 요소에 명확하게 정의하여 사용자, 검색 엔진이 모두 읽을 수 있는 요소를 뜻한다

스크린샷 2024-04-01 오전 10.26.36.png

대표 종류

<article> : 독립적이고 자체적인 내용을 정의
<footer> : 문서의 바닥글, 저작권 정보를 포함
<header> : 문서의 머리글
<nav> : 문서의 네비게이션 링크를 표시
<section> : 문서 내 독립적인 내용, 메뉴와 비슷함

장점

접근성 : 스크린 리더와 같은 보조 기술이 웹 페이지의 구조를 이해하는데 도움을 주며, 장애가 있는 사람들의 접근성을 향상 시킬 수 있다
유지 보수 : 개발자가 코드를 더 쉽게 읽고 관리할 수 있다
SEO : 검색 엔진이 시멘틱 HTML로 웹 페이지를 더 잘 이해할 수 있게 되어, 검색 순위를 향상 시킬 수 있다

유효성 검사

Client-side Form Validation

데이터를 서버에 요청하기 전에 모든 데이터가 올바른 형식으로 채워졌는지 확인하는 것을 뜻한다
필수값은 모두 채웠는지, 이메일 같은 데이터는 올바른 형태인지, 데이터 길이는 적절한지 등을 체크한다
이는 서버로부터 쓸데없는 부하를 줄여주며, 데이터의 품질을 보장해주는 역할을 한다