트러블 슈팅

카테고리별 영상 변화

• 위 카테고리 메뉴에 따라서 아래에 있는 영상이 바뀌어야하는데 안 바뀌는 문제
  -> useEffect를 통해서 selectGenerateItem 상태가 변경될 때마다 videosrc 상태를 업데이트 하도록 설정이 되어 있다. 코드는 올바르게 작성했으나, 실제로 동작 X
  

해결 : 캐시 이슈 or 렌더링 최적화 문제
1. 캐시를 삭제 했는데도 동일한 문제 발생
2. 렌더링 최적화 문제
- React는 최적화를 위해 불필요한 렌더링을 방지할 수도 있다.
- video 요소에 Key 속성을 추가하여 videosrc가 변경될 때마다 강제로 리렌더링 할 수 있도록 (React에게 videoSrc 의 변경을 감지하고 새로운 video요소를 렌더링 하도록 지시)

알리바바 OSS 적용