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가 두번째 인수의 변화의 양상에 따라서 리렌더링 될수도 있으니 그과정을 꼭 확인해보고 싶은데 도저히 어떻게 해야할 지 모르겠네요ㅠ

계속 다음과 같은 사진이뜹니다....

webpack-dev-server 패키지를 제로초님과 똑같이해서 하면 되긴 합니다. 하지만 LATEST 버젼으로 해보고 싶어서 공홈을 다뒤져봤는데도 계속해서 위의 사진과 같이 뜨는 데 혹시 최신 버전으로 성공하려면 어떻게 해야할까요?

webpack.config.js에서 devServer 프로퍼티 질문이 있습니다.

와 감사합니다ㅠ

req. 에 대한 질문입니다

app.use((req, res, next) => { req.data = "hard to study"; console.log(req.data); next(); }) 제가 직접 만든 코드인데 이걸 보면 req.data라는 프로퍼티를 만들고 이를 넣었을 땐 req.data가 잘찍히듯이 위의 질문 내용처럼 req.user나 req.login()같은 것들을 따로 설정해주어야 하는 부분이 있어야 하는 것 아닌가요? 과연 이들이 어디서 초기화가 되는지 잘 이해가 되질 않습니다.

restFront.js와 restServer.js 에 대한 질문이 있습니다

restpul api를 쓴다고 해서 서버가 아닌것이죠 제로초님?

restServer.js 질문이 있습니다.

그럼 서버에서 라우터를 저렇게 인식하기 위해서는 restFront 같은 다른 js파일에서 전송을 한번 해주고 서버에서 그것을 인식하는 것인가요?