styled-components1 [React] 모바일에서는 메뉴가 버튼으로 바뀌는 반응형 헤더 만들어보기 여태 반응형 웹 사이트를 제대로 구현해보지 못한게 아쉬워서, 포트폴리오에서는 반응형 웹 사이트를 만들어 보려고 한다! 웹에서는 기본적으로 헤더 메뉴가, 모바일에서는 메뉴 버튼을 누르면 메뉴가 보이도록 하고 디자인에도 차별점을 줘봤다. 1. isNavVisible 상태를 생성하고, toggleNav 함수를 햄버거 메뉴의 onClick에 연결한다.const [isNavVisible, setIsNavVisible] = useState(false); const toggleNav = () => { setIsNavVisible(!isNavVisible); }; 2. 모바일의 햄버거 메뉴 컴포넌트 을 모바일에서만 보이도록 미디어 쿼리를 설정해줬다. - 햄버거 메뉴 컴포넌트인 NavMobile과, 모바일용 N.. 2024. 11. 4. 이전 1 다음
