diff --git a/src/content/docs/ko/guides/client-side-scripts.mdx b/src/content/docs/ko/guides/client-side-scripts.mdx
index 007fab5964a19..7f9b7b9570757 100644
--- a/src/content/docs/ko/guides/client-side-scripts.mdx
+++ b/src/content/docs/ko/guides/client-side-scripts.mdx
@@ -244,3 +244,7 @@ import AstroGreet from '../components/AstroGreet.astro';
 :::tip[알고 계셨나요?]
 이것은 실제로 React와 같은 UI 프레임워크를 사용하여 작성된 컴포넌트에 props를 전달할 때 Astro가 뒤에서 수행하는 작업입니다! `client:*` 지시어가 있는 컴포넌트의 경우 Astro는 HTML 출력에 서버 측 props를 저장하는 `props` 속성이 있는 `<astro-island>` 사용자 정의 요소를 생성합니다.
 :::
+
+### 스크립트와 UI 프레임워크 결합하기
+
+UI 프레임워크에 의해 렌더링되는 요소들은 `<script>` 태그가 실행될 때 아직 사용 가능하지 않을 수 있습니다. 스크립트에서 [UI 프레임워크 컴포넌트](/ko/guides/framework-components/)도 처리해야 하는 경우 사용자 정의 요소를 사용하는 것이 좋습니다.