getServerSideProps 질문있습니다.
useEffect랑은 다른건가요?
useEffect는 컴포넌트에 데이터가 바뀌던가, 렌더링이된던가 혹은 return을 설정해서 컴포넌트가 끝나면 처리해주는 요소를 집어넣어주면 되는데
getServerSideProps 는 페이지에서 데이터가 바뀌면 렌더링 시켜주는 차이점이있는건가요?
그럼 만약에 로그인을 안했는데 sub 만들기페이지로 들어가진다면, useEffect를 사용해서 로직을 처리해줘야하나요 아니면 getServerSideProps 를 사용해줘야하나요?
답변 1
1
안녕하세요
getServerSideProps는 어떠한 페이지에 들어왔을 때 그 페이지를 위한 데이터가 필요하기 때문에 처음에 서버에 요청해서 가져오거나 유저의 정보나 인증된 유저만 들어올 수 있게 해 줄 때 사용을 하면 됩니다.
useEffect 같은 경우는 이미 컴포넌트가 한번 렌더링 된 이후에 데이터를 가져오거나 useEffect 종속성 부분의 state나 props가 변했을 때 다시 한번 호출을 하게 됩니다.
그래서 질문하신 부분은 getServerSideProps에서 해주시면 됩니다!
toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.
0
122
2
쿠키 저장이 되지 않습니다.
0
226
1
AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', (2)
0
581
1
AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE',
0
651
1
overload 에러
0
170
1
docker compose up 오류
0
210
1
부록) remark 강의 중 parmas 오류
0
140
1
3000번은 잘 들어가지는데 80번은 안됩니다.
1
296
0
커뮤니티를 올리고 난 후 404 page
0
209
1
tailwind css 문제인지, className 에 적용한 css가 적용되지 않아요.
0
1043
2
tsx 수정 시 마다 빌드 후 서버 시작 해야하나요?
0
656
2
useState 쳤을 때 자동완성 되는 단축키 무엇인가요? extention 인가요?
0
805
2
리액트 서버 npm run dev 와 npm run build 후 npm start 의 차이
0
4614
2
data 폴더가 생성되지 않아요.
0
527
1
docker-compose up 오류
0
814
1
회원 가입 페이지 기능 생성(3) 중 에러
0
380
2
Entity에 toJSON 코드 입력 후 404 에러
0
252
1
context에서 useEffect 선언 부분 질문 있어요.
0
297
1
src 폴더구조
0
511
2
서버 실행 시 에러 관련하여 답변받고 1차 조치했는데 여전하여서 질문 남깁니다
0
298
1
엔티티 모두 작성 후 서버 실행 시 에러가 발생합니다
0
313
1
회원가입 누르면 404에러가 뜹니다 ;-;
1
424
1
nextjs버젼에 대해서 질문드립니다.
0
373
1
<npm run dev>시 -61 에러가 나타납니다!
0
359
1