비동기 호출 관련 질문있습니다!
혹시 서버 컴포넌트에서만 비동기 호출이 가능한건가요??
그렇다면 서버 컴포넌트가 컴포넌트를 서버 내에서 미리 만들어 둘 때, 비동기 호출을 통해 데이터를 가져와서 이 값을 미리 가져와서 컴포넌트를 만드는 건가요??
그리고 만약 그렇다면 왜 서버 컴포넌트에서만 비동기 호출이 가능하도록 만드신 건지 의도를 아시고 계신지 궁금합니다! (단순히 서버 컴포넌트의 장점 때문인건가요??)
그리고 강의의 진행은 SSR을 사용한다는 가정하에 진행해주셨던 게 맞나요?? (SSG도 동일한 건가요?)
Answer 1
3
종민님, 안녕하세요! 매번 좋은 질문 남겨주셔서 감사합니다.
혹시 서버 컴포넌트에서만 비동기 호출이 가능한건가요??
네, 공식 문서를 살펴보면 fetch 호출은 서버 컴포넌트에서만 가능하다고 표현하고 있습니다!

그렇다면 서버 컴포넌트가 컴포넌트를 서버 내에서 미리 만들어 둘 때, 비동기 호출을 통해 데이터를 가져와서 이 값을 미리 가져와서 컴포넌트를 만드는 건가요??
맞습니다!
그리고 만약 그렇다면 왜 서버 컴포넌트에서만 비동기 호출이 가능하도록 만드신 건지 의도를 아시고 계신지 궁금합니다! (단순히 서버 컴포넌트의 장점 때문인건가요??)
물론 클라이언트 렌더링 이후에 비동기 호출해 데이터를 채우는 방식도 가능합니다. 하지만 데이터를 미리 조회해서 빠르게 정보를 전달하는 방법으로는 서버 컴포넌트에서의 비동기 호출이 더 적합하기에 이 방식을 채택했습니다. AppRouter의 주요 변경점인 서버 컴포넌트의 효용을 보여주기 위한 의도였다고 이해해주시면 좋을 것 같아요 😄
종민님의 질문이 다른 분에게도 많은 도움이 될 거 같습니다. 앞으로도 좋은 질문 부탁드려요!
답변이 부족하다면 댓글 남겨주세요!
안녕하세요! 서비스 배포를 하는데 에러가 생겨서 문의드립니다!
1
543
1
안녕하세요 generateStaticParams 관해서 질문
0
366
2
next/image에 대한 질문
1
266
1
데이터 재검증 방법
1
275
2
next.js 에서 서버 컴포넌트 비중을 늘리는 이유
1
346
1
route.ts에 async 키워드가 필요한가요?
1
191
1
import 절대경로 설정 방법 질문 드립니다!
0
306
1
VSCode 확장프로그램은 어떤 것을 사용하셨나요?
0
338
1
환경변수 오류
1
243
1
하이드레이션 질문 드립니다
2
318
2
프론트엔드가 Next를 이용하여 API 만드는 이유가 궁금합니다~!
3
734
1
generateStaticParams에 대하여 질문 드립니다~!
2
867
1
선생님 혹시 Next.js 13에서의 React-query는 어떻게 생각하실까요?
2
1946
3
클라이언트 컴포넌트는 SSG? SSR?
2
858
2
SSR과 RSC의 차이점에 관하여 질문이 있습니다.
1
1286
1
nextjs의 14버전에서 data fetch
1
1422
1
비동기 호출, fetch, 라우트 핸들러 관련 질문입니다.
1
427
1
revalidate 질문
1
479
1
섹션3. 날씨 재검증하기 NextRequest 질문입니다.
1
337
1
메타데이터 관련 질문
0
214
1
Revalidate 부분 질문
0
345
1
서버 컴포넌트 관련 질문입니다!
3
1689
5
Data Fetching 관련 질문 있습니다~
2
520
1
useRouter 를 import 할때 next/router만 뜨는 경우
0
611
2

