220917 배경에서 랜덤으로 이미지 나오게 하기

//랜덤으로 돌릴 이미지 가져오기
import img1 from "../../asset/assetLogin/img1.png";
import img2 from "../../asset/assetLogin/img2.png";
import img3 from "../../asset/assetLogin/img3.png"; 

//backgroundArr로 배열 만들어주기
const backgroundArr = [img1, img2, img3]

//Math로 랜덤 함수 만들어주기
const randomIndex = Math.floor(Math.random() * backgroundArr.length);
const backgroundImg = backgroundArr[randomIndex];


//리턴에서
 return (
    <>
      <section style={{
          backgroundImage: `url(${backgroundImg})`, //이게 중요
          backgroundSize: "cover", // 이거는 상황에 따라서 적용하기
        }}>
      </section>
   </>    
);

배경이미지 랜덤으로 나오게하기 완성