화면 크기에 따라 슬라이드 세 개를 나열된 형태에서 탭 창으로 전환하는 반응형 UI를 구현하는 과정 기록1. HTML 구조 설정 NEW PRODUCT EVENT HAITAI MALL ..

slick 라이브러리를 사용하여 다중 슬라이드를 만드는 방법과 슬라이드를 float로 정렬하는 방법 기록1. Slick 라이브러리 사용하여 다중 슬라이드 만들기먼저. Slick을 사용하여 세 개의 슬라이드를 구현합니다. HTML구조 NEW PRODUCT EVENT HAITAI MALL ..

오늘은 반응형 네비게이션 메뉴를 만드는 프로젝트를 진행했다.먼저 HTML로 기본 구조를 잡았다. 그런 다음 CSS로 스타일링을 해서 다양한 화면 크기에서도 잘 보이도록 했다. 마지막으로 JavaScript를 사용해 메뉴가 부드럽게 열리고 닫히도록 애니메이션 효과를 추가했다. 1. HTML 기본 구조 설정 메뉴열기 ..