Tailwindcss

반응형

• hidden lg:flex PC 사이즈인 경우
• flex lg:hidden 모바일 사이즈인 경우

z-index

useEffect

• 처음과 재렌더링 될때마다 렌더링
  useEffect(() => {});

• 처음에만 렌더링
  useEffect(() => {}, []);

  • 서버로부터 어떤 요청을 받을 때 등등, 최초 렌더링 시에만 콘솔이 찍힘. 의존성 배열이 비어 있기 때문.

• 의존성 배열에 들어있는 값이 변경될 때 렌더링
  useEffect(() => {}, [count]);

• return () => {} 가 있으면, useEffect 함수 안에 선언된 변수가 다시 생성될 때마다 (파괴되면) 렌더링

  useEffect(() => {
      return () => {};
    }, [count]);

  setInterval 사용 시 clear 함수를 사용하기

• setInterval & clear함수 세트로 사용하기!!

overflow-hidden

duration

---

React Slick

https://react-slick.neostack.com/

npm i react-slick slick-carousel