유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Simplest way to Fetch Data in Next.js 14

Orc Dev

2024. 9. 6.

0

#frontend
  • Next.js 14에서 데이터를 가져오는 가장 간단한 방법은 API 디렉토리를 사용하지 않는 server actions를 사용하는 것입니다. 🎞️
  • movies.ts 파일은 'server' 함수에서 사용하는 특수한 코드를 가지고 있어 서버 측에서만 실행됩니다. ⚡️
  • 데이터를 가져오기 위해 fetch 함수를 사용하고, 데이터를 JSON 형식으로 반환합니다. 📥
  • movies 변수에 명령어 get 함수를 호출하면서 server actions를 사용하여 데이터를 가져올 수 있습니다. 🏗️
  • map 함수를 사용하여 데이터를 렌더링하여 movies 배열의 각 요소를 movie.id를 사용하여 나눌 수 있습니다. 🎨
  • try...catch문을 사용하여 데이터 가져오기 과정에서 발생하는 오류를 처리합니다. 🛡️

Recommanded Videos