강의

멘토링

커뮤니티

Inflearn Community Q&A

mooneedev's profile image
mooneedev

asked

[Renewal] Creating NodeBird SNS with React

제로초님 동적 라우팅 관련 질문 드립니다!!

Written on

·

300

0

안녕하세요! 지금 SSR 설정까지 다 한 상태인데 동적 라우팅에 관련해서 혼자 시도해보고 있는도중 질문이 있습니다

파일구조는 아래와 같습니다.

pages

/ user

 >[id]

  >> /index.js

  >> / likes.js

지금

user / [id] ==> 유저 프로필정보 (팔로잉,팔로워 수),해당 유저가 작성한 포스팅 무한스크롤링이 뜨도록 구현했고

user / [id]/ likes ==> 유저 프로필 정보 (위와 동일)  , 해당 유저가 좋아요 누른 포스팅 무한 스크롤링이 뜨도록 구현했습니다.

그런데 보면 두 페이지에서 '유저 프로필정보'가 겹치고, SSR하면서 서버에서 불러오는 정보도 같은게(UserInfo) 너무 비효율적인것 같아서요..!

혹시, UserInfo는 한번만 불러오고,  뒤에 likes가 붙느냐 안붙느냐에 따라서, 아래 포스팅만 다르게 할 방법이 있을까요..???

아니면 그냥 지금처럼 서로 페이지 나누고 각 페이지별로 따로따로 서버에서 정보 불러오는게 최상책인걸까요 ??

답변해주시면 정말 감사하겠습니다

reactnodejsreduxexpressNext.js

Answer 1

1

zerocho님의 프로필 이미지
zerocho
Instructor

ssr하면 계속 정보를 불러오게 됩니다(놀랍게도 실제로 대부분의 서버는 같은 정보를 계속 불러옵니다. 네이버같은 서비스도요). 당연히 비효율적이고 이것을 해결하려면 swr같은 것을 쓰시는 게 좋습니다. swr도 매번 페이지로딩 시 불러오긴 하지만 브라우저의 캐시를 활용합니다.

mooneedev's profile image
mooneedev

asked

Ask a question