반응형 웹

하나의 웹사이트로 모바일부터 데스크톱까지 대응하는 반응형 웹 제작 과정

이 강의는 HTML, CSS, JavaScript 기초를 학습한 이후 다양한 화면 크기에 대응하는 반응형 웹사이트를 제작하고 싶은 학습자를 위한 과정입니다. 현대의 웹사이트는 스마트폰, 태블릿, 노트북, 데스크톱 등 다양한 해상도에서 동일한 사용자 경험을 제공해야 합니다. 본 강의에서는 반응형 웹의 기본 개념부터 실무에서 사용하는 최신 CSS 기법과 레이아웃 설계 방법을 단계적으로 학습합니다. 강의에서는 다음과 같은 내용을 다룹니다. • 반응형 웹과 적응형 웹의 차이 • Viewport 설정 • Mobile First 설계 • Media Query 활용 • Flexbox 기반 레이아웃 • CSS Grid 레이아웃 • 반응형 이미지 및 동영상 • Typography 반응형 처리 • Navigation Menu 구현 • Card Layout 제작 • 반응형 Table 처리 • CSS 최신 기능(Container Query, Clamp 등) 후반부에는 실제 기업 홈페이지, 쇼핑몰 메인 페이지, 랜딩 페이지 등을 직접 제작하며 실무에서 사용하는 반응형 구현 방법을 익힙니다. 모든 강의는 최신 웹 표준을 기준으로 진행하며 Chrome DevTools를 활용한 반응형 테스트 방법도 함께 학습합니다.