React에 다음 이미지 슬라이더가 있고 예상대로 작동합니다.
하지만 NextJS에서는 작동하지 않습니다. 오류를 수정하기 위해 몇 가지 수정을 했습니다.
컴포넌트 상단에 "클라이언트 사용"을 추가하고 코드를 수정하여 IDE에서 표시되는 오류를 수정했는데 배열의 모든 이미지가 브라우저 네트워크 탭에 표시되었습니다.
Next.js에서는 최상위 구성 요소에서 직접 React 후크를 사용할 수 없습니다. 대신 Next.js의 useEffect 함수에서 useEffect 후크를 사용할 수 있습니다. Next.js에서 실행되도록 코드를 수정하는 방법은 다음과 같습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Next.js에서는 최상위 구성 요소에서 직접 React 후크를 사용할 수 없습니다. 대신 Next.js의 useEffect 함수에서 useEffect 후크를 사용할 수 있습니다. Next.js에서 실행되도록 코드를 수정하는 방법은 다음과 같습니다.
으아아아