html
1.HTML 기초
HTML 기초 정리 이번 글은 Frontend / Markup structure 영역에서 가장 기본이 되는 HTML(HyperText Markup Language)을 정리한다. HTML은 “프로그래밍 언어”가 아니라, 웹 문서의 구조(Structure)를 정의하는 마
2.HTML <input> 태그 기본 & 텍스트 입력
HTML <input> 태그 기본과 텍스트 입력 이번 글은 Frontend / Markup structure 영역에서 사용자 입력을 처리할 때 가장 기본이 되는 <input> 태그 중 텍스트 관련 타입을 정리한다. <input> 태그
3.HTML 숫자 입력 <input> 태그
HTML 기초 숫자 입력 <input> 태그 이번 글은 Frontend / Markup structure 영역에서 숫자나 날짜처럼 형식이 명확한 데이터를 입력받을 때 사용하는 숫자 관련 <input> 태그를 정리한다. 텍스트 입력과 달리, 숫자
4.HTML 선택형 <input> 태그
HTML 선택형 <input> 태그 정리 이번 글은 Frontend / Markup structure 영역에서 사용자에게 선택을 받기 위해 사용하는 <input> 태그의 선택형 타입을 정리한다. 선택형 입력은 사용자가 값을 직접 타이핑하는 것이
5.HTML <input> 태그 & 공통 속성
6.HTML 폼 요소 & 레이아웃 기본
HTML 기타 폼 요소와 레이아웃 기본 태그 이번 글은 Frontend / Markup structure 영역에서 자주 사용되지만 한 번에 정리하기 어려운 기타 입력 태그와 레이아웃 기본 태그들을 정리한다. 앞선 편에서 다룬 <input> 계열과 함께 사
7.HTML 시멘틱태그
이번 글은 Frontend / Markup Structure 영역에서 HTML 태그를 “왜 이 태그로 써야 하는가”에 초점을 맞춰 정리한다. HTML은 단순히 화면을 그리는 용도가 아니라, 문서의 구조와 의미를 정의하는 언어다. 그래서 “보이기만 하면 된다”가
8.HTML 오디오와 동영상 태그
이번 글은 Frontend / Markup Structure 영역에서 웹페이지에 오디오(audio)와 동영상(video)을 삽입하는 방법을 정리한다. 미디어 태그의 핵심은 “재생이 되는가”보다 컨트롤 표시 여부, 브라우저 호환성, 대체(fallback)를 함께 고