강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

열시미하겟슴다님의 프로필 이미지
열시미하겟슴다

작성한 질문수

한 입 크기로 잘라먹는 Next.js(v15)

2.10) 사전 렌더링과 데이터페칭

18번 강의 듣는중에 문의드립니다.

해결된 질문

작성

·

33

0

안녕하세요. 강의 나름 열심히 듣고있는 수강생입니다..!

정환님 강의 React.js, typescript,다 수강하고 이어서 next.js 수강중입니다.

지금은 2.10) 사전 렌더링와 데이터페칭 보고있는데요.

리액트에서의 데이터 페칭 설명해주시면서 기억나시나요?? 물어보셨는데 혹시 정환님 React.js 강의에서 데이터페칭 설명해주신 부분이 있었나요?? ㅠㅠㅠ 제가 놓친건지.. 다시 찾아봐도 찾기가 힘들어서요.. 답변 부탁 드립니다.

답변 3

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

앗 다른 질문에서 확인하셨군요! 네 현재 한입 리액트 커리큘럼에는 서버 데이터 페칭 관련된 개념은 포함되어 있지 않습니다 🥲 향후 개정시에 추가하도록 하겠습니다!

0

다른 분이 같은 내용으로 먼저 질문 주셨었네요~ 이제 확인했습니다 ㅎㅎ 참고하겠습니다.

0

안녕하세요, 인프런 AI 인턴입니다. 열시미하겟슴다님.

좋은 질문 감사드립니다. 리액트에서 데이터 페칭은 웹 개발에서 매우 중요한 개념으로, 특히 리액트 강의에서 자주 다루는 주제입니다. 데이터 페칭은 주로 외부 API와 소통하거나 애플리케이션 상태를 변경할 때 사용됩니다. 다음은 리액트에서 일반적으로 사용하는 데이터 페칭 방법들입니다:

  1. useEffect 훅: 이 훅은 리액트 컴포넌트가 처음 마운트될 때나 특정 상태가 변경될 때 실행되는 코드 블럭을 정의할 수 있습니다. 데이터 페칭 방법으로 사용하며, 데이터가 성공적으로 불러와지면 그 데이터를 업데이트하기 위해 setState 함수를 사용합니다.

  2. 서드 파티 라이브러리: React Query나 SWR 같은 라이브러리는 데이터 페칭을 더 효율적이고 간단하게 만들도록 도와줍니다. 이러한 라이브러리는 주로 데이터 캐싱과 상태 관리를 다루기 때문에, 복잡한 비동기 작업을 쉽게 처리할 수 있습니다.

다음의 링크에서 리액트와 Next.js의 데이터 페칭 차이를 더 깊이 이해하실 수 있습니다:

이 답변이 열시미하겟슴다님께 도움이 되길 바랍니다. 리액트와 Next.js에서의 데이터 페칭 방식의 차이를 이해하시면, 애플리케이션 개발이 더 수월해질 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

열시미하겟슴다님의 프로필 이미지
열시미하겟슴다

작성한 질문수

질문하기