Skip to content

Commit 59d506b

Browse files
committed
docs: fix Korean particle typos in reusing-logic-with-custom-hooks
1 parent 74822be commit 59d506b

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

src/content/learn/reusing-logic-with-custom-hooks.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ export default function StatusBar() {
5858

5959
이제 다른 컴포넌트에서 같은 로직을 ** 사용한다고 상상해 보세요. 네트워크가 꺼졌을 때, "저장" 대신 "재연결 중..."을 보여주는 비활성화된 저장 버튼을 구현하고 싶다고 가정해 봅시다.
6060

61-
구현하기 위해, 앞서 사용한 `isOnline` state과 Effect를 `SaveButton` 안에 복사 붙여넣기 할 수 있습니다.
61+
구현하기 위해, 앞서 사용한 `isOnline` state와 Effect를 `SaveButton` 안에 복사 붙여넣기 할 수 있습니다.
6262

6363
<Sandpack>
6464

@@ -1218,7 +1218,7 @@ function useMount(fn) {
12181218
}
12191219
```
12201220
1221-
**`useMount` 같은 커스텀 "생명 주기" Hook은 전형적인 React와 맞지 않습니다.** 예를 들어 이 코드 예시는 문제가 있지만(`roomId``serverUrl`의 변화에 반응하지 않음.), 린터는 오직 직접적인 `useEffect` 호출만 체크하기 때문에 경고하지 않습니다. 린터는 Hook에 대해 모르고 있습니다.
1221+
**`useMount` 같은 커스텀 "생명 주기" Hook은 전형적인 React와 맞지 않습니다.** 예를 들어 이 코드 예시는 문제가 있지만(`roomId``serverUrl`의 변화에 반응하지 않음.), 린터는 오직 직접적인 `useEffect` 호출만 체크하기 때문에 경고하지 않습니다. 린터는 Hook에 대해 모르고 있습니다.
12221222
12231223
Effect를 작성할 때, React API를 직접적으로 사용하세요.
12241224
@@ -1406,7 +1406,7 @@ function SaveButton() {
14061406
2. 컴포넌트가 Effect의 정확한 실행보다 목적에 집중하도록 할 때
14071407
3. React가 새 기능을 추가할 때, 다른 컴포넌트의 변경 없이 이 Effect를 삭제할 수 있을 때
14081408
1409-
[디자인 시스템](https://uxdesign.cc/everything-you-need-to-know-about-design-systems-54b109851969)과 마찬가지로, 앱의 컴포넌트에서 일반적인 관용구를 추출하여 커스텀 Hook으로 만드는 것이 도움이 될 수 있습니다. 이렇게 하면 컴포넌트의 코드가 의도에 집중할 수 있고, Effect를 자주 작성하지 않아도 됩니다. React 커뮤니티에서 많은 훌륭한 커스텀 Hook을 관리하고 있습니다.
1409+
[디자인 시스템](https://uxdesign.cc/everything-you-need-to-know-about-design-systems-54b109851969)과 마찬가지로, 앱의 컴포넌트에서 일반적인 관용구를 추출하여 커스텀 Hook으로 만드는 것이 도움이 될 수 있습니다. 이렇게 하면 컴포넌트의 코드가 의도에 집중할 수 있고, Effect를 자주 작성하지 않아도 됩니다. React 커뮤니티에서 많은 훌륭한 커스텀 Hook을 관리하고 있습니다.
14101410
14111411
<DeepDive>
14121412
@@ -1443,7 +1443,7 @@ function ShippingForm({ country }) {
14431443
// ...
14441444
```
14451445
1446-
앱에 `useData` 같은 커스텀 Hook을 사용한다면, 모든 컴포넌트에 수동으로 Effect를 작성하는 것보다 최종적으로 권장되는 접근 방식으로 변경하는 것이 더 적은 변경이 요구됩니다. 그러나 이전의 접근 방식도 충분히 잘 동작하기 때문에 Effect 사용을 즐긴다면 그렇게 사용해도 됩니다.
1446+
앱에 `useData` 같은 커스텀 Hook을 사용한다면, 모든 컴포넌트에 수동으로 Effect를 작성하는 것보다 최종적으로 권장되는 접근 방식으로 변경하는 것이 더 적은 변경이 요구됩니다. 그러나 이전의 접근 방식도 충분히 잘 동작하기 때문에 Effect 사용을 즐긴다면 그렇게 사용해도 됩니다.
14471447
14481448
</DeepDive>
14491449

0 commit comments

Comments
 (0)