[ReactJS_영화_웹] #7 MOVIE APP UPGRADE(HOME)

이 글은 노마드코더의 [ReactJS로 영화 웹 서비스 만들기]를 수강하며 정리한 글입니다.

 

 

⚛️ 기본 환경: IDE: VS code, Language: React

 

 

이어진 글: [ReactJS_영화_웹] #7 MOVIE APP

 

 

기존 Home.js: 왼쪽 화면이 세로로 반복 

기존 Detail.js: 오른쪽 화면(영화 제목 클릭 시, 이동)

 

 

슬라이드쇼를 만들기 위한 라이브러리 설치

npm i react-slick

 

* 간단한 사용방법은 react-slick 사이트 참조

Neostack

 

슬라이드쇼가 적용된 Home.js

 

Home.js

 

home.css

 

Movie.js

 

Movie.module.css

 

 

 

소스 코드

🔗 HJ0216/TIL/REACT

 

참고 자료

인프런 React 강의 듣고 사이트 만들기 _ Front 작업 08. react-slick으로 슬라이드 만들기 (customPaging 옵

[React] React slide 구현하기 react-slick 사용방법, 커스텀 방법

slick - the last carousel you'll ever need