Day74 -[js]동적 기능을 하는 메뉴만들기

이번에는 java script를 이용해서 동적 기능을 하는 메뉴를 만들어 봅시다 위 처럼, 버튼을 가지고 있고 웹 에서 실행했을 때 메뉴가 열려 있는 상태로 실행이 되고, 버튼을 한번 더 누르면 메뉴가 닫히도록 만들 었고, 모바일 환경에서 할 경우에 반대로, 버튼이 있고, 한번 더 누르면 메뉴가 열리도록 구현을 했습니다 메뉴의 배경색이나 글씨색, padding 등이 필요하기 때문에 css 를 간단하게 만들었습니다. * {margin: 0; padding: 0; list-style: none;} .sidenav { position:fixed; left: 0; top: 50px; width: 200px; height: 100%; background-color: #263238; z-index: 30; padd..

2021.06.01