Skip to content

Commit b7e0a79

Browse files
committed
docs: 수정사항 반영
1. 149번 줄 라인을 1대1 매칭 적용 2. 문장 끝 :(콜론) .(마침표)로 수정 3. 18번 줄 들여쓰기 제거
1 parent caf8577 commit b7e0a79

File tree

1 file changed

+7
-8
lines changed
  • src/content/reference/react

1 file changed

+7
-8
lines changed

src/content/reference/react/act.md

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ await act(async actFn)
1515
컴포넌트를 단언할 수 있도록 준비하려면 `await act()` 호출 안에 컴포넌트를 렌더링하고 업데이트하는 코드를 감싸세요. 이렇게 하면 테스트가 브라우저에서 작동하는 실제 React 방식과 더 유사하게 실행됩니다.
1616

1717
<Note>
18-
`act()`를 직접 사용하는 것이 다소 장황하다고 느껴질 수 있습니다. 반복되는 코드를 줄이고 싶다면 [React Testing Library](https://testing-library.com/docs/react-testing-library/intro)처럼 내부적으로 `act()`로 감싼 헬퍼를 제공하는 라이브러리를 사용하는 것도 좋습니다.
18+
`act()`를 직접 사용하는 것이 다소 장황하다고 느껴질 수 있습니다. 반복되는 코드를 줄이고 싶다면 [React Testing Library](https://testing-library.com/docs/react-testing-library/intro)처럼 내부적으로 `act()`로 감싼 헬퍼를 제공하는 라이브러리를 사용하는 것도 좋습니다.
1919
</Note>
2020

2121

@@ -60,7 +60,7 @@ it ('renders with button disabled', async () => {
6060

6161
컴포넌트를 테스트할 때 `act`를 사용하면 출력 결과에 대한 단언을 더 안전하게 할 수 있습니다.
6262

63-
예시로 `Counter`라는 컴포넌트가 있다고 가정하고 아래 사용 예시는 이를 테스트하는 방법을 보여줍니다:
63+
예시로 `Counter`라는 컴포넌트가 있다고 가정하고 아래 사용 예시는 이를 테스트하는 방법을 보여줍니다.
6464

6565
```js
6666
function Counter() {
@@ -86,7 +86,7 @@ function Counter() {
8686

8787
### 테스트에서 컴포넌트를 렌더링하는 방법 {/*rendering-components-in-tests*/}
8888

89-
컴포넌트의 렌더 결과를 테스트하려면 렌더링 코드를 `act()`로 감싸야 합니다:
89+
컴포넌트의 렌더 결과를 테스트하려면 렌더링 코드를 `act()`로 감싸야 합니다.
9090

9191
```js {10,12}
9292
import {act} from 'react';
@@ -115,7 +115,7 @@ it('can render and update a counter', async () => {
115115

116116
### 테스트에서 이벤트 디스패칭하는 방법 {/*dispatching-events-in-tests*/}
117117

118-
이벤트를 테스트하려면 이벤트 를 `act()`로 감싸세요:
118+
이벤트를 테스트하려면 이벤트 를 `act()`로 감싸세요.
119119

120120
```js {14,16}
121121
import {act} from 'react';
@@ -146,8 +146,7 @@ it.only('can render and update a counter', async () => {
146146

147147
<Pitfall>
148148

149-
DOM 이벤트를 디스패치할 때는 DOM 컨테이너가 문서에 추가되어 있어야 합니다. 반복되는 설정 코드를 줄이고 싶다면
150-
[React Testing Library](https://testing-library.com/docs/react-testing-library/intro)를 사용하는 것도 고려해보세요.
149+
DOM 이벤트를 디스패치할 때는 DOM 컨테이너가 문서에 추가되어 있어야 합니다. 반복되는 설정 코드를 줄이고 싶다면 [React Testing Library](https://testing-library.com/docs/react-testing-library/intro)를 사용하는 것도 고려해보세요.
151150

152151
</Pitfall>
153152

@@ -157,15 +156,15 @@ DOM 이벤트를 디스패치할 때는 DOM 컨테이너가 문서에 추가되
157156

158157
`act`를 사용하려면 테스트 환경에서 `global.IS_REACT_ACT_ENVIRONMENT=true`를 설정해야 합니다. 이 설정은 act가 올바른 환경에서만 사용되도록 보장합니다.
159158

160-
이 전역 설정이 없으면 다음과 같은 오류가 표시됩니다:
159+
이 전역 설정이 없으면 다음과 같은 오류가 표시됩니다.
161160

162161
<ConsoleBlock level="error">
163162

164163
Warning: The current testing environment is not configured to support act(...)
165164

166165
</ConsoleBlock>
167166

168-
이 문제를 해결하려면 React 테스트를 위한 전역 설정 파일에 다음 코드를 추가하세요:
167+
이 문제를 해결하려면 React 테스트를 위한 전역 설정 파일에 다음 코드를 추가하세요.
169168

170169
```js
171170
global.IS_REACT_ACT_ENVIRONMENT=true

0 commit comments

Comments
 (0)