Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 39 additions & 6 deletions src/content/docs/ko/guides/integrations-guide/vercel.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -401,12 +401,6 @@ declare namespace App {
}
```

### Node.js 버전 지원

`@astrojs/vercel` 어댑터는 Astro 프로젝트를 Vercel에 배포하기 위한 특정 Node.js 버전을 지원합니다. Vercel에서 지원하는 Node.js 버전을 보려면 프로젝트의 Settings 탭을 클릭하고 "Node.js Version" 섹션까지 아래로 스크롤하세요.

[Vercel 문서](https://vercel.com/docs/functions/serverless-functions/runtimes/node-js#default-and-available-versions)를 참조하여 자세히 알아보십시오.

### 세션

[Astro 세션 API](/ko/guides/sessions/)를 사용하면 요청 간에 사용자 데이터를 쉽게 저장할 수 있습니다. 이는 사용자 데이터 및 설정, 쇼핑 카트, 인증 자격 증명 등에 활용될 수 있습니다. 쿠키 저장소와 달리 데이터 크기에 제한이 없으며, 다른 기기에서도 복원할 수도 있습니다.
Expand Down Expand Up @@ -462,4 +456,43 @@ Vercel에서 세션을 사용할 때는 세션 스토리지를 위한 [드라이

</Steps>

### Node.js 버전 지원

`@astrojs/vercel` 어댑터는 Astro 프로젝트를 Vercel에 배포하기 위한 특정 Node.js 버전을 지원합니다. Vercel에서 지원하는 Node.js 버전을 보려면 프로젝트의 Settings 탭을 클릭하고 "Node.js Version" 섹션까지 아래로 스크롤하세요.

[Vercel 문서](https://vercel.com/docs/functions/serverless-functions/runtimes/node-js#default-and-available-versions)를 참조하여 자세히 알아보십시오.

## 실험적 기능

다음 기능들도 사용 가능하지만, 향후 업데이트에서 대규모 변경 (Breaking Changes)이 발생할 수 있습니다. 프로젝트에서 이 기능을 사용 중이라면 업데이트를 위해 [`@astrojs/vercel` 변경 로그](https://github.com/withastro/astro/tree/main/packages/integrations/vercel/CHANGELOG.md)를 주의 깊게 확인하세요.

### `experimentalStaticHeaders`

<p>
**타입:** `boolean`<br/>
**기본값:** `false`<br />
**지원 모드:** Serverless <br/>
<Since pkg="@astrojs/vercel" v="8.2.0" />
</p>

Vercel 구성에서 사전 렌더링된 페이지에 대한 사용자 정의 헤더를 지정할 수 있습니다.

이 기능이 활성화되면, Astro 기능 (예: 콘텐츠 보안 정책)에서 제공하는 경우 어댑터는 [정적 헤더를 `vercel.json` 파일](https://vercel.com/docs/project-configuration#headers)에 저장합니다.

예를 들어, [실험적인 콘텐츠 보안 정책](/ko/reference/experimental-flags/csp/)이 활성화된 경우, `<meta>` 요소를 생성하는 대신 `experimentalStaticHeaders`를 사용하여 CSP `headers`를 Vercel 구성에 추가할 수 있습니다.

```js title="astro.config.mjs" {9}
import { defineConfig } from 'astro/config';
import vercel from '@astrojs/vercel';

export default defineConfig({
experimental: {
csp: true
},
adapter: vercel({
experimentalStaticHeaders: true
})
});
```

[astro-integration]: /ko/guides/integrations-guide/