허도경, limewhale

이전에 작성한 프론트 개발의 시간을 덜어주는 유용한 HTML(Part 1)에 이어서 두 번째 시간을 가져보도록 할게요. 그럼 바로 시작하겠습니다. 💡 details 게시판의 Q&A와 같은 토글 메뉴(슬라이드 메뉴)를 만들기 위해선 JS의 도움이 반드시 필요했습니다. 하지만 이젠 HTML과 CSS 만으로 토글 메뉴를 구현할 수 있습니다. ✅ details 태그는 사용자가 직접 조작하여 보거나 숨길 수 있는 부가적인 세부사항(additional details)을 명시할 때 사용하며 보통 사용자가 직접 접거나 펼 수 있는 대화형 위젯(interactive widget)을 정의할 때 사용됩니다., 그 안에는 어떠한 종류의 콘텐츠도 포함될 수 있습니다. 이러한 요소의 콘텐츠는 open 속성이 설정되기 전까지는 화..

웹을 구현함에 있어서 HTML과 CSS는 절대로 빠질 수 없는 부분입니다. 더욱이 CSS의 기능은 이전처럼 디자인 꾸밈 기능만 담당하던 시절과는 다르게 그 기능이 점점 강력해지고 있으며 JS로만 구현이 가능하던 기능들까지도 일부 기능들은 HTML과 CSS로만 구현이 가능하게 되어가고 있습니다. 대분분의 프론트 개발을 하는 많은 분들이 자바스크립트와 React(난 사실 라이브러리🤣), Vue와 같은 프레임워크만을 중요하다고 생각하고 기본이 되는 HTML, CSS는 가볍게 생각을 하는 부분이 있습니다. 하지만 오늘 알아볼 기능들을 살펴보게 되면 HTML, CSS의 기능에 놀라게 될 거라 생각합니다. 💡 @supports CSS3를 적용하려다 보면 브라우저마다 지원하는 스펙이 달라서 우리는 해당 브라우저에서 ..