Next link 서버사이드렌더링 질문

const { Posts } = useSelector((state) => (state.post)); console.log("Posts" + Posts); const [current,setCurrent] = useState(1); let startIndex = 0; let lastIndex = 11; const [showPosts, setShowPosts] = useState(Posts.slice(startIndex,lastIndex)); const onChange = useCallback((page) => { setCurrent(page); startIndex = (page-1) * 11; lastIndex = startIndex + 11; setShowPosts(Posts.slice(startIndex,lastIndex)); },[current,showPosts]); console.log("showPosts : " + showPosts); return ( ); pagination을 위해 작성한 코드입니다. console로 찍어보니 서버사이드렌더링 이후 Posts에는 데이터가 들어있는데, showPosts에는 데이터가 없어 데이터가 화면에 표시되지 않는 것 같습니다! a tag를 이용했을 때는 잘되는데, next/link를 이용했을 때 안되는 부분이라 어디가 문제인지 잘 모르겠습니다...

Next link 서버사이드렌더링 질문

(사진) (사진) 첫번째 사진이 a tag를 이용했을 때 devtool이고, 두번째 사진이 next/link를 이용했을 때, devtool입니다. 둘다, store 의 Posts 에 데이터가 차는 걸로 보이긴 하지만, next/link를 썻을 때는, 화면에 데이터가 반영되지 않습니다. (사진)

getServersideProps session 질문

아 그런방법도 있었군요... 빠른 답변 감사합니다!

useEffect부분에서 질문이 있습니다.

업데이트는 정상적으로 되는데요. 문제는 setWinBalls는 비동기인지라 바로 다음줄에서 winBall이 새로운 값으로 반영되지 않습니다. 반영된 모습을 콘솔로 출력되게끔하기위해 갖가지 방법을 써봤지만 되지 않아서 여쭤봤습니다. 비동기처리된것은 따로 나타날 수 없나요?

useEffect부분에서 질문이 있습니다.

아하 이 부분을 해결하려면 어떻게 하면 될까요? 혹시 어떻게 검색해야하는지만 알려주셔도 감사합니다ㅠ useEffect가 두번째 인수의 변화의 양상에 따라서 리렌더링 될수도 있으니 그과정을 꼭 확인해보고 싶은데 도저히 어떻게 해야할 지 모르겠네요ㅠ