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 업로드

🎁팀 프로젝트

파트별로 나누고 각자 맡은 파트 페이지를 제작하기 시작했다. 업체 측이 요구하는 기본적인 전체적인 틀을 잡고 안에 내용을 채워 넣는 방식으로 제작하고 있다. 어떻게 하면 요구하는 바를 다 포함 시킬 수 있을지 고민해야겠다. 😏

좋은 웹페이지 즐겨찾기