Javascript

자바스크립트 기초

Javascript 기초

Javascript 기초

Javascript

클라이언트에서의 상호작용

비동기 처리

프론트엔드 프레임워크 기반 언어 (React, Vue, Angular …)

서버 (Node.js 환경에서의 서버 개발)

기본 문법 사항

Javascript 기초

이미지 슬라이드

slick

jQuery 기반 이미지 슬라이드 라이브러리

slick - the last carousel you'll ever need

slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!

https://kenwheeler.github.io/slick/

1.

 slick 플러그인 가져오기

2.

 jQuery 가져오기

3.

내가 만든 css / script 가져오기

4.

앞에 내용을 한 번 포함하기

5.

이미지 슬라이드 HTML 코드 작성

6.

기본 스타일 지정하기

7.

슬라이드 영역 반응형 적용하기

8.

 slick 슬라이드 시작하기!

9.

다양한 옵션 적용하기

slick

swiper 라이브러리

Swiper - The Most Modern Mobile Touch Slider

The Most Modern Mobile Touch Slider

https://swiperjs.com/

1. swiper 플러그인 가져오기

index.html

2. swiper HTML 레이아웃 코드

swiper

1. bx-slider 플러그인 가져오기

2. bxslider HTML 레이아웃 코드

3. 기본 스타일 적용하기

.