CSS 토글 메뉴 자바스크립트를 사용하여 만들기

CSS 토글 메뉴 자바스크립트를 사용하여 만들기

토글 메뉴라고 한다면 숨겨져있던 메뉴가 나타나고 다시 없어지는 것을 말합니다. 여기서 핵심은 자바스크립트를 이용하여 기능을 구현한다는 것입니다. 자바스크립트도 ES6 문법을 이용하여 만들어보겠습니다. 이 글에서 CSS 토글 메뉴 자바스크립트를 사용하여 기능을 …

더 읽기CSS 토글 메뉴 자바스크립트를 사용하여 만들기

HTML5 의미 요소 종류

HTML5 의미 요소 종류

HTML5의 의미 요소(Semantic Element)는 요소 이름부터 의미가 있는 것을 말합니다. 예를 들어 div 요소는 어떤 의미가 있나요? class나 id 값을 줘야 이게 어떤 요소인지 알 수 있습니다. 반대로 header 요소는 …

더 읽기HTML5 의미 요소 종류

HTML 레이아웃 잡는 2가지 방법

HTML5 의미 요소를 이용한 레이아웃

HTML 레이아웃을 알기 전에 의미를 먼저 알아보겠습니다. 계획된 정보를 가지고 특정 공간에서 여러 구성 요소를 보기 좋게 효과적으로 배치하는 작업을 레이아웃이라고 합니다. 키보드의 키 배치가 여기에 해당합니다.웹 페이지의 레이아웃은 메뉴의 …

더 읽기HTML 레이아웃 잡는 2가지 방법