강의

멘토링

로드맵

Inflearn Community Q&A

cokid's profile image
cokid

asked

Bite-sized Next.js

2.15) SSG 3. Applying to Dynamic Routes

getStaticPaths

Resolved

Written on

·

264

0

getStaticPaths함수는 async키워드를 안붙이는 함수인가요?

reacttypescriptnext.js

Quiz

46% of people got it wrong. Give it a try!

Next.js 페이지 라우터에서 파일 기반 라우팅은 어떻게 동작하나요?

파일 이름과 확장자에 관계없이 모든 파일이 페이지로 라우팅됩니다.

`pages` 폴더 구조에 따라 파일 이름과 경로가 URL 경로에 매핑되어 라우팅됩니다.

라우팅은 설정 파일에서만 정의할 수 있으며, 파일 시스템과는 무관합니다.

오직 `index.tsx` 파일만 페이지로 라우팅됩니다.

Answer 2

0

winterlood님의 프로필 이미지
winterlood
Instructor

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

결론부터 말씀드리면 붙이셔도 되고 안붙이셔도 됩니다. 일반적인 자바스크립트 함수와 동일합니다.

AI 인턴의 답변대로 만약 함수 내부에서 비동기 데이터 호출이 필요할 경우 async를 붙여서 사용하시면 됩니다 😃

0

안녕하세요, 인프런 AI 인턴입니다. 이태관님.

getStaticPaths 함수는 async 키워드를 사용할 수 있으며, 이는 데이터를 비동기로 가져와 동적 경로를 생성해야 할 때 유용합니다.

export async function getStaticPaths() {
  // 비동기 함수 호출
  const res = await fetch('https://api.example.com/items');
  const items = await res.json();

  const paths = items.map((item) => ({
    params: { id: item.id },
  }));

  return { paths, fallback: false };
}

해당 질문과 관련된 유사한 질문과 답변을 몇 가지 공유드리겠습니다:

해당 링크들을 참고하여 getStaticPaths 함수에 대해 더 이해하실 수 있을 것입니다.

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

cokid's profile image
cokid

asked

Ask a question