> 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="https://205979690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5NsVHWWXunTtOrt9R5U%2Fuploads%2F8eHwC1DyYjZOhGiakI3C%2Fimage.png?alt=media&amp;token=bf545d7b-727e-4228-bd30-82100c203547" alt=""><figcaption><p>API Routes</p></figcaption></figure>

<figure><img src="https://205979690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5NsVHWWXunTtOrt9R5U%2Fuploads%2FGneqqc1kjhh73CdHxiWs%2Fimage.png?alt=media&amp;token=553e3063-6672-4b7b-bb80-b97de9b5caf6" alt=""><figcaption><p>Route Handlers</p></figcaption></figure>

<figure><img src="https://205979690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5NsVHWWXunTtOrt9R5U%2Fuploads%2FBoQJ7bN8wbN8vHo1sxPx%2Fimage.png?alt=media&amp;token=35e64db0-c6cb-43f9-81e2-68cd71df604e" alt=""><figcaption><p>Route Handlers</p></figcaption></figure>

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

<figure><img src="https://205979690-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5NsVHWWXunTtOrt9R5U%2Fuploads%2FHjhodTwNTU8Izrj1TqgX%2Fimage.png?alt=media&amp;token=9625c3fd-a0b7-4b11-ac52-fbc1f8285dab" alt=""><figcaption><p>route.ts</p></figcaption></figure>

## Server Actions

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

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