튜토리얼
[38JS] #5 사이드바 만들기
38가지 자바스크립트&리액트 튜토리얼 ★최종 결과물 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 1. HTML 저번 포스트에서 만들었던 반응형 네비게이션이 사이드바 형태여서, 이번엔 그냥 사이드바 DOM을 열었다 접었다 하는 간단한 사이드바 라이브러리 형식으로 만들어보려고 한다. js 셀렉터로 이용하는 class명과 css를 위한 class명은 분리하는게 좋을것 같아 side_bar, js-side_bar 로 나누었다. 또, 이번엔 객체 내부에서 버튼을 지정하지 않고 각 버튼에 직접 onclick 속성을 사용해보기로 했다. SideBar Open Home Product About Contact SideBar Close 2. CSS 사이드바는 사실 JS보단 CSS가 중요하..
