> For the complete documentation index, see [llms.txt](https://book.hajoeun.dev/friendly-next-js/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://book.hajoeun.dev/friendly-next-js/part-3-next.js/undefined-1/undefined-2.md).

# 데이터 페칭

## Route Handlers

Pages Router에 있던 API Routes의 App Router 버전입니다. `app` 디렉토리 아래 있는 어떤 폴더에서건 `route`라는 이름의 파일이라면 그건 API로 활용될 수 있습니다. 

Pages Router에서는 `api`라는 폴더 아래에 두고 API를 만들었는데 이제는 폴더 이름은 상관 없고 파일 이름이 `route` 이면 API가 될 수 있습니다.

<figure><img src="/files/NlIHGtkF0asrkeutYu8N" alt=""><figcaption><p>API Routes</p></figcaption></figure>

<figure><img src="/files/X3FZPZ8B7R7FKlbzqoEX" alt=""><figcaption><p>Route Handlers</p></figcaption></figure>

<figure><img src="/files/X0NNdDjyDU6mL08kzpZC" alt=""><figcaption><p>Route Handlers</p></figcaption></figure>

route라는 이름으로 만들어진 파일은 GET, POST 같은 메서드 이름으로 함수를 정의할 수 있습니다. 이 함수는 API가 호출됐을 때 동작합니다.

<figure><img src="/files/JIcF2GrpykTpaGRWnUMT" alt=""><figcaption><p>route.ts</p></figcaption></figure>

## Server Actions

`'use server'`라는 문장이 있는 **스코프**의 로직은 서버에서 동작합니다. 그게 설령 컴포넌트 안이라고 해도 가능합니다.

자세한 예시는 이후 Vercel 리더십 블로그에서 살펴볼 예정입니다.