useState

1. 개요Drawer는 화면 측면에서 마치 서랍처럼 슬라이드로 나왔다 들어가는 패널을 말한다.보통 이 기능은 Drawer의 open상태를 state로 관리하는식으로 구현한다.하지만 CSS를 이용하면 Javascript없이도 Drawer를 구현할 수 있지 않을까 하는 생각이 들었다.그래서 이번에는 CSS만 활용해 Drawer를 구현하는것을 도전해보았다. 2. 방법Drawer는 결국 on/off toggle형태로 동작한다. 그렇기에 HTML중 toggle요소를 이용한다면 Drawer를 구현할 수 있을 것이다.이런 요소들은 여러가지가 있을 수 있겠지만 나는 를 이용하기로 했다.checkbox는 체크를 on/off로 관리하므로 이를 이용한다면 drawer를 구현할 수 있을 것이다. 3. 구현// index.js..
wacku
'useState' 태그의 글 목록