diff --git a/src/content/docs/ko/reference/directives-reference.mdx b/src/content/docs/ko/reference/directives-reference.mdx
index 550992f90e29b..7ddd49d84603d 100644
--- a/src/content/docs/ko/reference/directives-reference.mdx
+++ b/src/content/docs/ko/reference/directives-reference.mdx
@@ -201,6 +201,16 @@ import api from '../db/api.js';
 <SomeLitComponent client:only="lit" />
 ```
 
+#### 로딩 콘텐츠 표시
+
+클라이언트에서만 렌더링되는 컴포넌트의 경우 로딩하는 동안 대체 콘텐츠를 표시할 수도 있습니다. 클라이언트 컴포넌트를 사용할 수 있을 때까지만 표시되는 콘텐츠를 만들려면 모든 하위 요소에 `slot="fallback"`을 사용합니다:
+
+```astro {2}
+<ClientComponent client:only="vue">
+  <div slot="fallback">Loading</div>
+</ClientComponent>
+```
+
 ### 사용자 정의 클라이언트 지시어
 
 Astro 2.6.0부터 통합에서는 컴포넌트를 수화해야 하는 방법과 시기를 변경하기 위해 사용자 정의 `client:*` 지시어를 추가할 수도 있습니다.