HTML2 JS없이 HTML과 CSS로 만들 수 있는 것들 웹에서 흔히 인터랙션이나 애니메이션을 구현할 때 JavaScript를 떠올리곤 합니다.저는 이번 개인 블로그 만들기 과제 중 무한 배너를 구현하면서 JS 없이도 다양한 기능을 구현할 수 있다는 점이 흥미로웠는데요.그래서 JS 없이 HTML와 CSS로만으로도 할 수 있는 몇 가지 웹 인터랙션과 애니메이션에 대해 조사해 보았습니다. HTML으로 만드는 인터랙션 요소들 ✨ 와 : 클릭으로 내용 토글하기HTML5에서 제공되는 이 태그로 클릭하면 내용을 열고 닫을 수 있도록 구현할 수 있습니다.이는 드롭다운 메뉴, FAQ 섹션 등에서 활용할 수 있습니다. See the Pen Untitled by 박소이 (@kousbpll-the-decoder) on CodePen.">See the Pen Untit.. 2025. 4. 11. HTML/CSS로 구현하는 반응형 웹의 기본 구조 반응형 웹 과제 정리 작성자: 36기 YB 웹파트 최서희 😀 HTML/CSS 과제로 개인 블로그 만들기를 진행하며 모바일에서도 잘 보이는 반응형 웹 구조를 직접 구현했습니다. 요구사항이었던 반응형 레이아웃을 공부하며 기초 개념부터 실습 예제까지 정리해 공유합니다. 🔍 반응형 웹 디자인이란? 기기 화면 크기에 따라 콘텐츠 배치와 스타일이 자동으로 조정되는 웹 구조입니다. 하나의 코드로 데스크탑·태블릿·모바일에 대응할 수 있어 관리 효율성과 사용자 경험이 좋아집니다. 🧩 핵심 구성 요소 3가지 1️⃣ 유동적인 레이아웃 (Fluid Layout) .. 2025. 4. 11. 이전 1 다음
