Translate: directives (#891) (#895)

Co-authored-by: Haegul Pyun <phg2491@gmail.com>

src/content/reference/react/directives.md

@@ -5,19 +5,19 @@ canary: true
 
 <Canary>
 
-These directives are needed only if you're [using React Server Components](/learn/start-a-new-react-project#bleeding-edge-react-frameworks) or building a library compatible with them.
+이 지시어는 [React 서버 컴포넌트를 사용하거나](/learn/start-a-new-react-project#bleeding-edge-react-frameworks) 이와 호환되는 라이브러리를 빌드하는 경우에만 필요합니다.
 
 </Canary>
 
 <Intro>
 
-Directives provide instructions to [bundlers compatible with React Server Components](/learn/start-a-new-react-project#bleeding-edge-react-frameworks).
+지시어는 [React 서버 컴포넌트와 호환되는 bundlers](/learn/start-a-new-react-project#bleeding-edge-react-frameworks)에게 지시사항을 제공합니다.
 
 </Intro>
 
 ---
 
-## Source code directives {/*source-code-directives*/}
+## 소스 코드 지시어 {/*source-code-directives*/}
 
-* [`'use client'`](/reference/react/use-client) lets you mark what code runs on the client.
-* [`'use server'`](/reference/react/use-server) marks server-side functions that can be called from client-side code.
+* [`'use client'`](/reference/react/use-client)를 사용하면 클라이언트에서 실행되는 코드를 표시할 수 있습니다.
+* [`'use server'`](/reference/react/use-server)는 클라이언트 측 코드에서 호출할 수 있는 서버 측 함수를 표시합니다.