[자바스크립트] Swiper slidesPerView 오류 해결하기
자바스크립트에서 Swiper 라이브러리를 사용할 때, slidesPerView가 적용되지 않는 오류가 있었다. slidesPerView는 한번에 몇개의 요소까지 화면에 표시할 것인지를 설정하는 속성인데, 이 속성을 무시하고 전체 화면에 slide 될 요소들이 모두 표시되었다. new Swiper('.promotion .swiper-container', { slidesPerView: 3, spaceBetween: 10, centeredSlides: true, loop: true, autoplay: { delay: 5000 }, pagination: { el: '.promotion .swiper-pagination', clickable: true }, navigation: { prevEl: '.promoti..
2022. 4. 25.
프론트엔드 - 1. HTML/CSS/JS 기본지식
프론트엔드: 사용자에게 보여지는 앞단 HTML: 기획자 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당 눈, 코, 입 등 영역의 구조를 만듬 CSS: 디자이너 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당 얼굴, 눈, 입의 모양새를 만듬 JS: 개발자 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당 그 얼굴을 움직이게 하는 것 *자바스크립트 시작하면 그만두는 사람이 많음 사고 방식이 달라짐 데이터 중심의 사고 1.웹앱 동작 구조 사용자 컴퓨터 브라우저 오픈->주소창에 페이지 주소 입력->최초 요청->(서버)->최초응답->추가요청->(서버)->추가응답 -로컬 개발 환경: 웹사이트를 개발할 우리의 컴퓨..
2022. 4. 7.
