작성한 질문수 13

0

답변 주셔서 감사합니다. 👍👍

0

안녕하세요. 질문 감사합니다.

1. 특정 라우팅 경로에 공통으로 똑같은 로직을 적용하고 싶을 때 template이나 layout을 활용하는 것으로 보입니다.(링크: https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts#templates) 다만 app directory 관련 내용까지 직접 개발해보고 답변드리긴 힘든 상황이라, 공식 문서상 파악한 내용으로만 답변드립니다🙏 Next.js에서 이제 막 개발된 기능이다보니, 관련 로직을 어떤 식으로 어떤 파일에 넣는 것이 좋은지까지 정립이 된지는 모르겠네요. 직접 시도해보는 것이 가장 좋을 것 같습니다!

2. 404 관련 -> 무슨 뜻인지 명확히 이해하지 못했습니다. 단순히 404 페이지로 이동하는 것이라면 next api response의 redirect 기능을 사용하면 될 것으로 보입니다.

3. 기존의 handler를 감싸는 wrapper 함수에게 오류 처리를 맡기는 방법이 있습니다. 코드로 예를 들면

function mockAPI() { // 실패하거나 성공하는 mock API
  const random = Math.random();
  if (random > 0.5) return Promise.resolve('John Doe');
  return Promise.reject();
}

async function handler(
  req: NextApiRequest,
  res: NextApiResponse<Data>
) {
  const response = await mockAPI(); // 에러 처리는 wrapper에게 맡기고, API 호출
  res.status(200).json({ name: response }); // 정상적으로 동작시, 200 응답
}

export default async function wrapper(
  req: NextApiRequest,
  res: NextApiResponse<Data>
) {
  try {
    await handler(req, res); // handler를 실행
  } catch {
    res.status(400).json({ name: 'something wrong' }); // 오류 발생시 에러 처리
  }
}

다음과 같습니다. 하지만 이것도 질문을 명확하게 이해한 것은 아니라 원하시는 답변인지는 모르겠습니다.

app directory 관련 내용이기도 하고 코드가 없는 줄글 문의라 답변이 만족스럽지 못할 수 있다는 점 양해부탁드립니다🥲 감사합니다.