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
19 changes: 17 additions & 2 deletions src/content/docs/ko/guides/upgrade-to/v5.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -530,14 +530,29 @@ Astro v5.0에서는 이 실험적 플래그가 제거되었으며, 이것이 Ast

<SourcePR number="11791" title="Make directRenderScript the default"/>

Astro v4.x에서 `experimental.directRenderScript`는 `.astro` 파일에 선언된 `<scripts>`를 직접 렌더링하는 선택적 플래그였습니다 (TypeScript, `node_modules` 가져오기, 스크립트 중복 제거와 같은 기존 기능 포함). 이 전략은 스크립트가 사용되지 않는 곳에서 실행되는 것을 방지했습니다.
Astro v4.x에서 `experimental.directRenderScript`는 `.astro` 파일에 선언된 `<scripts>`를 직접 렌더링하는 선택적 플래그였습니다 (TypeScript, `node_modules` 가져오기, 스크립트 중복 제거와 같은 기존 기능 포함). 이 전략은 스크립트가 사용되지 않는 곳에서 실행되는 것을 방지했습니다. 또한 이전에는 조건부로 렌더링된 스크립트는 `is:inline` 지시어가 자동으로 추가되는 것처럼 암시적으로 인라인 처리되었습니다.

Astro 5.0에서는 이 실험적 플래그가 제거되었으며, 이것이 Astro의 새로운 기본 동작이 됩니다: 스크립트가 더 이상 `<head>`로 호이스팅되지 않고, 페이지의 여러 스크립트가 더 이상 함께 번들링되지 않으며, `<script>` 태그가 CSS 스타일링을 방해할 수 있습니다.
Astro 5.0에서는 이 실험적 플래그가 제거되었으며, 이것이 Astro의 새로운 기본 동작이 됩니다: 스크립트가 더 이상 `<head>`로 호이스팅되지 않고, 페이지의 여러 스크립트가 더 이상 함께 번들링되지 않으며, `<script>` 태그가 CSS 스타일링을 방해할 수 있습니다. 또한 조건부로 렌더링된 스크립트는 더 이상 암시적으로 인라인으로 처리되지 않습니다.

#### 무엇을 해야 하나요?

`<script>` 태그를 검토하고 원하는 대로 작동하는지 확인하시기 바랍니다.

이전에 조건부로 렌더링된 `<script>` 태그가 있던 경우, 이전과 동일한 동작을 유지하기 위해 `is:inline` 속성을 추가해야 합니다:

```astro title="src/components/MyComponent.astro" ins="is:inline"
---
type Props = {
showAlert: boolean
}

const { showAlert } = Astro.props;
---
{
showAlert && <script is:inline>alert("Some very important code!!")</script>
}
```

<ReadMore>[Astro에서 `script` 태그 사용](/ko/guides/client-side-scripts/#astro에서-script-사용하기)에 대해 자세히 알아보세요.</ReadMore>

## 주요 변경 사항
Expand Down