A lightweight carousel library with fluid motion and great swipe precision
www.embla-carousel.com
캐러셀 구현 고민 끝, Embla Carousel 을 소개합니다.
_ 사용해 본 결과 간단한 CSS설정 으로 대부분의 Carousel 효과를 쉽게 구현할 수 있습니다.
_ 프레임워크 중립적으로 Vanilla JavaScript, React, Vue, Svelte, Solid를 모두 잘 지원하고 공식 문서도 매우 간단 명료합니다. 또한, 예시 코드가 명료합니다.
_ 지금까지 사용해본 Carousel 구현 라이브러리 중 가장 마음에 듭니다. 사용하고 있는 프레임워크나 Tailwind CSS 등과 충돌이 거의 없습니다. 코드가 뭔가 깔끔한 느낌입니다.
_ 덤으로 공식 문서에 보면 iOS 스타일 데이터 피커 구현 예시도 있습니다.
https://www.embla-carousel.com/
더 많은 콘텐츠를 보고 싶다면?
이미 회원이신가요?
2024년 6월 4일 오전 1:47
댓글 0
함께 읽은 게시물
🕊️ 코딩테스트를 위한 리트코드 60
많은 회사들이 채용 프로세스의 과정 중에 하나로 코딩 테스트를 가지고 있습니다. 벼락치기로 준비하기도 힘들 뿐더러 요령을 알아야 하기 때문에 취준생들이 꽤나 골치아파 합니다.
뻔한 말이지만 꾸준히 하는 것 밖에는 답이 없는 것 같습니다. 오늘은 '코딩 인터뷰를 위한 60가지 리트코드 문제'를 가져왔습니다.
구글 시트로 깔끔하게 정리된 버전도 있어서 후다닥 가져왔습니다. 저자에게 감사를(_ _)
https://docs.google.com/spreadsheets/d/1Y98QKaYPazWImEt1nA_ocp... 더 보기
무너지고 있는 프론트엔드, 백엔드 직군의 경계에 대한 고찰
AI 기술이 우리 일상과 산업 전반에 스며들면서 소프트웨어 개발 환경 역시 큰 변화의 물결을 맞이하고 있다. 특히 코딩을 돕는 AI 에이전트의 등장은 개발 생산성에 대한 큰 변화를 만들고 있다. 나 역시 이러한 변화를 체감하며, 나에게 익숙한 소프트웨어 개발의 대표적인 두 축인 프론트엔드와 백엔드 영역에서 AI 기술이 미치는 영향과 그로 인해 변화하는 소프트웨어 엔지니어의 역할에 대해 개인적인 생각을 정리해 본다.
... 더 보기
