JavaScript의 기본 개념, 역할, 실행 환경을 학습합니다. alert, console.log부터 시작하는 JavaScript 첫걸음으로, HTML과 CSS로 만든 정적 웹페이지에 동적 기능을 추가하는 방법을 배웁니다. 브라우저 콘솔 활용법과 디버깅 기초를 실습하며 프론트엔드 개발의 핵심을 익힙니다.

CSS Media Query로 반응형 웹사이트를 구현하는 방법을 학습합니다. 문법, Breakpoint 전략, Mobile-first 접근법, 실전 활용까지 다룹니다.

CSS float 속성의 원리와 문제점, 해결 방법을 학습합니다. Clearfix 기법과 현대적인 대안(Flexbox, Grid)도 함께 다룹니다.

CSS position 속성으로 요소를 자유롭게 배치하는 방법을 학습합니다. static, relative, absolute, fixed, sticky의 차이점과 실전 활용법을 다룹니다. 모달창, 툴팁, 드롭다운 메뉴, 고정 헤더 등 9가지 실전 예제로 position을 완벽하게 마스터하고 z-index 쌓임 맥락을 이해합니다.

HTML input, textarea, button 요소의 다양한 타입과 속성을 학습하고, CSS로 폼 요소를 스타일링하는 방법을 알아봅니다.

HTML table 태그의 기본 구조부터 thead, tbody, th, td 태그 사용법, colspan/rowspan을 활용한 셀 병합까지 표 작성의 모든 것을 학습합니다.

HTML 리스트 태그(ul, ol, li)의 사용법과 CSS 스타일링, 가상 클래스 선택자를 활용한 고급 리스트 디자인 기법을 학습합니다.

CSS margin auto를 사용한 가로 중앙 정렬 방법과 다양한 중앙 정렬 기법을 학습하여 레이아웃 제어 능력을 향상시킵니다.

CSS display 속성의 block, inline, inline-block, none 값의 차이와 활용법을 이해하고 레이아웃 제어 방법을 학습합니다.

HTML img 태그와 CSS background-image의 차이점, 사용 시나리오, 이미지 최적화 방법을 학습하여 올바른 이미지 활용법을 익힙니다.