목록캐러셀사용 (1)

I T H

[포트폴리오 프로젝트 2] 메인페이지 구현 : 캐러셀 사용

[캐러셀 API 적용] - 가장 먼저 처리해볼 내용은 Carousel (캐러셀) API를 활용하여 아래 영역에 “사용 가능한 언어” 의 이미지를 두고 좌,우로 이미지 이동이 가능하도록 기능을 구현한다. - 아래 7개의 이미지를 이용하여 캐러셀 기능을 구현한다. - /resources/images/carousel 폴더를 생성하고 해당 폴더에 7개의 이미지를 저장한다. 자바스크립트 및 제이쿼리를 이용하여 직접 구현해보는 것도 괜찮은 방법이긴 하지만 요즘은 라이브러리가 워낙 잘 되어 있어서 사용 가능한 라이브러리를 가져와서 적용할 것이다. 아래 사이트를 참고하여 캐러셀 라이브러리 파일을 다운로드 받는다. https://www.jqueryscript.net/slider/Lightweight-Responsive-..
Spring MyPortfolio Project 2024. 1. 24. 10:15
이전 Prev 1 Next 다음