Next.js에서 API 라우트 만들기

Next.js는 React를 기반으로 한 서버 사이드 렌더링(SSR) 프레임워크로, 다양한 기능을 제공합니다. 그 중 API 라우트는 매우 유용한 기능 중 하나입니다. 이는 Next.js 앱 내에서 쉽게 API 엔드포인트를 생성하고, 이를 통해 데이터를 처리할 수 있게 해줍니다. 이번 글에서는 Next.js에서 API 라우트를 설정하고 활용하는 방법에 대해 자세히 설명하겠습니다.

API 라우트 설정하기

Next.js에서 API 라우트를 설정하는 과정은 비교적 간단합니다. API 라우트는 pages/api 디렉토리에 파일을 추가하는 것으로 시작됩니다. 이 디렉토리에 있는 파일들은 자동으로 API 엔드포인트로 작동합니다.

1. 새로운 API 파일 생성하기:

jsx
// 파일 경로: pages/api/hello.js

export default function handler(req, res) {
  res.status(200).json({ message: 'Hello, World!' });
}

위 코드에서 handler 함수는 req와 res 객체를 인자로 받습니다. 이는 Node.js의 http 모듈과 비슷한 역할을 합니다. req 객체는 클라이언트 요청을, res 객체는 서버 응답을 나타냅니다. 이 함수는 단순히