안녕하세요
9월15일80일차 - 리액트 슬릭 useRef로 버튼만들기 본문
useRef
const SLIDE = useRef(null);
useRef를 만들고
<Slider ref={SLIDE}>
Slider에 ref를 준 다음에
onClick={() => console.log(SLIDE.current)}
SLIDE.current를 찍어 보면 이용할 수 있는 함수들이 나옵니다.
onClick={() => SLIDE.current.slickPrev()}
클릭이벤트로 이전 슬라이드로 이동하는 기능을 넣습니다.
word-break: keep-all;
속성을 이용하면 글자간에 짤리는 부분을 줄바꿈시킬 수 있습니다.
min-height: 120px;
박스 크기가 텍스트에 따라서 크기가 달라질 때는 min-height 속성을 이용하여 높이를 주도록 합니다.
리액트 유튜브를 설치하여 유튜브 동영상을 삽입합니다.
https://www.npmjs.com/package/react-youtube
(다음에 이어서 합니다...)
파비콘은 index.html 에 넣어 적용합니다.
<head>
<link rel="icon" href="%PUBLIC_URL%/assets/images/favicon.png" />
<title>현대엘리베이트 실습 - react</title>
</head>
'프론트엔드 국비교육' 카테고리의 다른 글
| 9월19일82일차(1) - REACT 컴포넌트 감싸기, cookie 팝업 (0) | 2022.09.19 |
|---|---|
| 9월16일81일차 - 유튜브 전환 버튼 만들기 (0) | 2022.09.16 |
| 9월13일78일차 - 리액트 슬릭 (0) | 2022.09.15 |
| 9월08일77일차 - 리액트 슬릭 슬라이더 (0) | 2022.09.08 |
| 9월07일76일차 - 깃허브로 리액트 배포, 다단메뉴, 토글 (0) | 2022.09.07 |