웹 개발/프론트6 유용한 프레임워크 ( 계속 업데이트 ... ) 간단한 슬라이더 구현링크 : https://swiperjs.com/ 사진 좌우 프레임 맞춰줌링크 : https://masonry.desandro.com/ CSS, 디자인 부분Tailwind CSS : 디자인(CSS) 빠르게 적용하고 싶을 때. https://tailwindcss.com/ 아이콘 모음Remix Icon : HTML 서 간단하게 아이콘 사용하고 싶을 때. Lucide Icon : 간단하게 Icon 들 사용하고 싶을 때.https://lucide.dev/icons/ React Icon : React 서 간단하게 Icon 들 사용하고 싶을 때.https://react-icons.github.io/react-icons/icons/bi/import React from 'react'import .. 2024. 7. 22. Swiper JS - 사용법 ( 이론편 ) 링크 : https://swiperjs.com/get-started Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com 슬라이드를 쉽게 구현하기 위한 JS 플러그인. 아래는 사용법 0. 플러그인 불러오기 1. 우선 HTML 에서 원하는 형태로 구조를 잡아준다. Slide 1 Slide 2 Slide 3 ... 2. CSS 에서 디자인을 해준다..swiper { width: 600px.. 2024. 7. 22. 이전 1 2 다음
