[v1.2.4] Update 20231203

1. 영화 이미지에 onLoad속성 수정

   //생략
   const [onLoaded, setOnLoaded] = useState([])
   const handleOnLoad = (index) => {
      setOnLoaded(prevOnLoaded => [...prevOnLoaded, index]);
   }
   return (
      // 중략
      <img
         src={item.imageURL}
         style={{
            display: onLoaded.includes(index) ? 'block' : "none",
         }}
         alt=""
         onLoad={() => handleOnLoad(index)}
      />
      // 생략
   )

v1.2.3에서 추가한 코드처럼 사용하면 하나의 이미지만 로드되도 onLoad가 true로 바뀜

useState의 type을 배열로 전환후 setOnLoaded(prevOnLoaded => [...prevOnLoaded, index]);로 index를 추가

그 후 style={{display: onLoaded.includes(index) ? 'block' : "none",}}로 onLoaded배열 안에 index가 포함되어 있으면 display속성을 block으로 전환

2. CLS(누적레이아웃) 개선

1. 개선전
   
   
2. 개선후