반응형 JavaScript2 Library React Swiper 응용하기 (module, props...) 기본편 보러가기 Library React Swiper 슬라이드 가능한 컴포넌트 만들기 React Library 중 하나인 React Swiper를 사용해보고자 한다. 업무 중에 생각보다 많이 쓰이기에 한번 정리하고 넘어가야 할것 같다. 오늘은 기본적인 사용법과 문법에 대해 알아보자. 1. Package Install npm 3pdev.tistory.com 기본편에서 말했듯 React Swiper는 여러가지 모듈, props, style등을 활용해 자유도를 높였다. 먼저 모듈부터 살펴보자. Navigation 모듈은 슬라이더에 이전/다음 버튼을 추가한다. 클릭하면 슬라이더가 넘어간다. import SwiperCore, { Navigation } from 'swiper'; import 'swiper/css/.. 2023. 3. 29. JavaScript_function 스크립트를 다루다 보면 특정한 기능을 정의하고 내가 필요할때 사용할 수 있어야 한다. 먼저 기능을 정의하는 방법을 알아보자. 가장 간단하게 알림창을 열어주는 alert을 가지고 예시를 들어보겠다. 여러가지 방법으로 선언할 수 있는데 이번 시간에는 function, arrow function 두가지를 알아보자. 먼저 arrow function은 const 함수명 = () => { 내용 } 문법으로 작성된다. function은 function이라는 선언자체로 function 함수명() { 내용 } 문법으로 작성된다. 사실 우리가 사용함에 있어 기능은 같다고 볼 수 있다. javascript 사용법을 기본만 알고 있다면 다음과 같은 alert은 알고 있을 것이다. alert('알림내용'); 자 그럼 이 동작이.. 2023. 1. 23. 이전 1 다음 반응형
