Skip to content

Commit 293d497

Browse files
committed
docs: update createContext.md
1 parent d15d50c commit 293d497

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

src/content/reference/react/createContext.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const SomeContext = createContext(defaultValue)
1919

2020
## 레퍼런스 {/*reference*/}
2121

22-
### `createContext(기본값)` {/*createcontext*/}
22+
### `createContext(defaultValue)` {/*createcontext*/}
2323

2424
컴포넌트 외부에서 `createContext`를 호출하여 컨텍스트를 생성합니다.
2525

@@ -29,20 +29,20 @@ import { createContext } from 'react';
2929
const ThemeContext = createContext('light');
3030
```
3131

32-
[아래에서 더 많은 예시를 확인하세요.](#usage)
32+
[아래 예시를 참고하세요.](#usage)
3333

3434
#### 매개변수 {/*parameters*/}
3535

36-
* `기본값`: 컴포넌트가 컨텍스트를 읽을 때 상위에 일치하는 컨텍스트 제공자가 없는 경우 컨텍스트가 가져야 할 값입니다. 의미 있는 기본값이 없으면 `null`을 지정하세요. 기본값은 "최후의 수단"으로 사용됩니다. 이 값은 정적이며 시간이 지나도 변경되지 않습니다.
36+
* `defaultValue`: 컴포넌트가 컨텍스트를 읽을 때 상위에 일치하는 컨텍스트 제공자가 없는 경우 컨텍스트가 가져야 할 값입니다. 의미 있는 기본값이 없으면 `null`을 지정하세요. 기본값은 "최후의 수단"으로 사용됩니다. 이 값은 정적이며 시간이 지나도 변경되지 않습니다.
3737

3838
#### 반환값 {/*returns*/}
3939

4040
`createContext` returns a context object.
4141

4242
**컨텍스트 객체 자체는 어떠한 정보도 가지고 있지 않습니다.** 다른 컴포넌트가 읽거나 제공하는 어떤 컨텍스트를 나타냅니다. 일반적으로 상위 컴포넌트에서 컨텍스트 값을 지정하기 위해 [`SomeContext.Provider`](#provider)를 사용하고, 아래 컴포넌트에서 읽기 위해 [`useContext(SomeContext)`](/reference/react/useContext)를 호출합니다. 컨텍스트 객체에는 몇 가지 속성이 있습니다.
4343

44-
* `SomeContext.Provider`는 컴포넌트에 컨텍스트 값을 제공하게 해줍니다.
45-
* `SomeContext.Consumer`는 컨텍스트 값을 읽는 대안적이며 드물게 사용되는 방법입니다.
44+
* `SomeContext.Provider`는 컴포넌트에 컨텍스트 값을 제공합니다.
45+
* `SomeContext.Consumer`는 컨텍스트 값을 읽는 대안이며 드물게 사용됩니다.
4646

4747
---
4848

@@ -70,7 +70,7 @@ function App() {
7070

7171
### `SomeContext.Consumer` {/*consumer*/}
7272

73-
`useContext`존재하기 전에는 컨텍스트를 읽는 더 오래된 방법이 있습니다.
73+
`useContext`등장하기 전에 컨텍스트를 읽는 이전 방식이 있었습니다.
7474

7575
```js
7676
function Button() {
@@ -85,11 +85,11 @@ function Button() {
8585
}
8686
```
8787

88-
오래된 방법은 여전히 작동하지만, **새로 작성된 코드는 대신 [`useContext()`](/reference/react/useContext)로 컨텍스트를 읽어야 합니다:**
88+
예전 방식은 여전히 작동하지만, **새로 작성된 코드는 대신 [`useContext()`](/reference/react/useContext)로 컨텍스트를 읽어야 합니다**.
8989

9090
```js
9191
function Button() {
92-
//권장되는 방법
92+
//권장하는 방법
9393
const theme = useContext(ThemeContext);
9494
return <button className={theme} />;
9595
}
@@ -154,13 +154,13 @@ function App() {
154154

155155
이제 `Page` 컴포넌트와 그 안의 모든 컴포넌트, 얼마나 깊든지 간에 전달된 컨텍스트 값을 "볼" 수 있습니다. 전달된 컨텍스트 값이 변경되면, React는 컨텍스트를 읽는 컴포넌트를 다시 렌더링합니다.
156156

157-
[컨텍스트 읽기와 제공에 대해 더 알아보고 예시를 확인하세요.](/reference/react/useContext)
157+
[컨텍스트를 읽고 제공하는 방법에 대해 더 알아보고 예시를 확인하세요.](/reference/react/useContext)
158158

159159
---
160160

161161
### 파일에서 컨텍스트 가져오기 및 내보내기 {/*importing-and-exporting-context-from-a-file*/}
162162

163-
다른 파일의 컴포넌트가 동일한 컨텍스트에 액세스해야필요가 종종 있습니다. 이것이 별도의 파일에서 컨텍스트를 선언하는 것이 일반적인 이유입니다. 그런 다음 [`export`](https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export)을 사용하여 다른 파일에서 사용할 수 있도록 컨텍스트를 사용할 수 있습니다.
163+
종종 서로 다른 파일에 있는 컴포넌트들이 동일한 컨텍스트에 접근해야때가 있습니다. 이것이 별도의 파일에서 컨텍스트를 선언하는 것이 일반적인 이유입니다. 그런 다음 [`export`](https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export)을 사용하여 다른 파일에서 사용할 수 있도록 컨텍스트를 사용할 수 있습니다.
164164

165165
```js {4-5}
166166
// Contexts.js
@@ -198,7 +198,7 @@ function App() {
198198
}
199199
```
200200

201-
이것은 [컴포넌트를 가져오고 내보내기](/learn/importing-and-exporting-components)와 유사하게 작동합니다.
201+
이것은 [컴포넌트 `import``export`하기](/learn/importing-and-exporting-components)와 유사하게 동작합니다.
202202

203203
---
204204

@@ -212,6 +212,6 @@ function App() {
212212
const ThemeContext = createContext('light');
213213
```
214214

215-
이 값은 절대 변경되지 않습니다. React는 일치하는 제공자가 위에 없는 경우 이 값을 대체로 사용합니다.
215+
이 값은 절대 변경되지 않습니다. React는 상위에 일치하는 제공자를 찾을 수 없는 경우에만 이 값을 기본값으로 사용합니다.
216216

217-
시간이 지나면서 컨텍스트를 변경하려면, [상태를 추가하고 컴포넌트를 컨텍스트 제공자로 감싸세요.](/reference/react/useContext#updating-data-passed-via-context)
217+
컨텍스트가 시간에 따라 변경되도록 만들려면, [State를 추가하고 컴포넌트를 컨텍스트 제공자로 감싸세요.](/reference/react/useContext#updating-data-passed-via-context)

0 commit comments

Comments
 (0)