210915
🎊학습한 내용
JavaScript Library
plugin
Owl Carousel 2
// 반응형 슬라이더 만들기 가능
// 기본틀
// center, autoWidth, rtl, animateOut, animateIn, autoplay ...
// 필요한 경우 추가 학습
$('.owl-carousel').owlCarousel({
loop: true,
margin: 10,
nav: true,
items:5
responsive:{
0:{
items:1,
nav: true
},
600:{
items:3,
nav: false
},
1000:{
items:5,
loop: false,
nav: true
}
}
Select2
// 필요한 경우 추가 학습
// option 값에 대한 설정 가능
minimumResultsForSearch: -1 // 검색창 생략
// 값 옆에 이미지 넣기
templateResult: function(state) {
var icon = ""
var $state = $(`
<img src='https://via.placeholder.com/10'>
<span>${state.text}</span>`)
return $state;
}
이하 내용은 github 업로드
🎁팀 프로젝트
파트별로 나누고 각자 맡은 파트 페이지를 제작하기 시작했다. 업체 측이 요구하는 기본적인 전체적인 틀을 잡고 안에 내용을 채워 넣는 방식으로 제작하고 있다. 어떻게 하면 요구하는 바를 다 포함 시킬 수 있을지 고민해야겠다. 😏
Author And Source
이 문제에 관하여(210915), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@cptdye77/210915저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)