Skip to content

Commit 39ea413

Browse files
authored
Merge branch 'main' into docs/installation-and-creating-page-fixes
2 parents f12fcc4 + bf0644f commit 39ea413

4 files changed

Lines changed: 4 additions & 4 deletions

File tree

โ€Žsrc/content/reference/react-dom/server/renderToReadableStream.mdโ€Ž

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ async function handler(request) {
4747
4848
#### ๋งค๊ฐœ๋ณ€์ˆ˜ {/*parameters*/}
4949
50-
* `reactNode`: ์‚ฌ์šฉ์ž๊ฐ€ HTML๋กœ ๋ Œ๋”๋งํ•˜๊ณ  ํ•˜๊ณ ์žํ•˜๋Š” React node์ž…๋‹ˆ๋‹ค. `<App />`๊ฐ™์€ JSX ์š”์†Œ๊ฐ€ ๊ทธ ์˜ˆ์‹œ์ž…๋‹ˆ๋‹ค. reactNode ์ธ์ž๋Š” ๋ฌธ์„œ ์ „์ฒด๋ฅผ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์ด์–ด์•ผํ•˜๋ฉฐ, ๋”ฐ๋ผ์„œ `App` ์ปดํฌ๋„ŒํŠธ๋Š” `<html>`์— ๋ Œ๋”๋ง๋ฉ๋‹ˆ๋‹ค.
50+
* `reactNode`: ์‚ฌ์šฉ์ž๊ฐ€ HTML๋กœ ๋ Œ๋”๋งํ•˜๊ณ ์ž ํ•˜๋Š” React node์ž…๋‹ˆ๋‹ค. `<App />`๊ฐ™์€ JSX ์š”์†Œ๊ฐ€ ๊ทธ ์˜ˆ์‹œ์ž…๋‹ˆ๋‹ค. reactNode ์ธ์ž๋Š” ๋ฌธ์„œ ์ „์ฒด๋ฅผ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์ด์–ด์•ผํ•˜๋ฉฐ, ๋”ฐ๋ผ์„œ `App` ์ปดํฌ๋„ŒํŠธ๋Š” `<html>`์— ๋ Œ๋”๋ง๋ฉ๋‹ˆ๋‹ค.
5151
5252
* `options`**(์„ ํƒ์‚ฌํ•ญ)**: ์ŠคํŠธ๋ฆฌ๋ฐ ์˜ต์…˜์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ์ฒด์ž…๋‹ˆ๋‹ค.
5353
* `bootstrapScriptContent`**(์„ ํƒ์‚ฌํ•ญ)**: ์ง€์ •๋  ๊ฒฝ์šฐ, ํ•ด๋‹น ๋ฌธ์ž์—ด์€ `<script>` ํƒœ๊ทธ์— ์ธ๋ผ์ธ ํ˜•์‹์œผ๋กœ ์ถ”๊ฐ€๋ฉ๋‹ˆ๋‹ค.

โ€Žsrc/content/reference/react/Component.mdโ€Ž

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -222,7 +222,7 @@ constructor๋Š” ๋ถ€์ˆ˜ ํšจ๊ณผ ๋˜๋Š” ๊ตฌ๋…์„ ํฌํ•จํ•˜๋ฉด ์•ˆ ๋ฉ๋‹ˆ๋‹ค.
222222

223223
#### ์ฃผ์˜ ์‚ฌํ•ญ {/*componentdidcatch-caveats*/}
224224

225-
* ๊ณผ๊ฑฐ์—๋Š” UI๋ฅผ ์—…๋ฐ์ดํŠธํ•˜๊ณ  ๋Œ€์ฒด ์—๋Ÿฌ ๋ฉ”์„ธ์ง€๋ฅผ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด `setState`๋ฅผ `componentDidCatch` ์•ˆ์—์„œ ํ˜ธ์ถœํ•˜๋Š” ๊ฒƒ์ด ์ผ๋ฐ˜์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” [`static getDerivedStateFromError`](#static-getderivedstatefromerror)๋ฅผ ์ •์˜ํ•˜๊ธฐ ์œ„ํ•ด ๋” ์ด์ƒ ์‚ฌ์šฉ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
225+
* ๊ณผ๊ฑฐ์—๋Š” UI๋ฅผ ์—…๋ฐ์ดํŠธํ•˜๊ณ  ๋Œ€์ฒด ์—๋Ÿฌ ๋ฉ”์‹œ์ง€๋ฅผ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด `setState`๋ฅผ `componentDidCatch` ์•ˆ์—์„œ ํ˜ธ์ถœํ•˜๋Š” ๊ฒƒ์ด ์ผ๋ฐ˜์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” [`static getDerivedStateFromError`](#static-getderivedstatefromerror)๋ฅผ ์ •์˜ํ•˜๊ธฐ ์œ„ํ•ด ๋” ์ด์ƒ ์‚ฌ์šฉ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
226226

227227
* React์˜ ํ”„๋กœ๋•์…˜๊ณผ ๊ฐœ๋ฐœ ๋นŒ๋“œ๋Š” `componentDidCatch`๊ฐ€ ์—๋Ÿฌ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ์‹์ด ์•ฝ๊ฐ„ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์—์„œ๋Š”, ์—๋Ÿฌ๋Š” `window`๊นŒ์ง€ ๋ฒ„๋ธ”๋ง๋  ๊ฒƒ์ด๋ฉฐ, ์ด๋Š” `window.onerror` ๋˜๋Š” `window.addEventListener('error', callback)`๊ฐ€ `componentDidCatch`์— ์˜ํ•ด ํƒ์ง€๋œ ์—๋Ÿฌ๋ฅผ ๊ฐ€๋กœ์ฑˆ๋‹ค๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ๋Œ€์‹  ํ”„๋กœ๋•์…˜์—์„œ, ์—๋Ÿฌ๋Š” ๋ฒ„๋ธ”๋ง๋˜์ง€ ์•Š์„ ๊ฒƒ์ด๋ฉฐ, ์ด๋Š” ์–ด๋–ค ์ƒ์œ„์˜ ์—๋Ÿฌ ํ•ธ๋“ค๋Ÿฌ๊ฐ€ `componentDidCatch`์— ์˜ํ•ด ๋ช…์‹œ์ ์œผ๋กœ ํƒ์ง€๋˜์ง€ ์•Š์€ ์—๋Ÿฌ๋งŒ์„ ์ˆ˜์‹ ํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.
228228

โ€Žsrc/content/reference/react/useEffect.mdโ€Ž

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1154,7 +1154,7 @@ useEffect(() => {
11541154
}, [a, b]); // a๋‚˜ b๊ฐ€ ๋‹ค๋ฅด๋ฉด ๋‹ค์‹œ ์‹คํ–‰๋จ
11551155
```
11561156
1157-
์•„๋ž˜ ์˜ˆ์‹œ์—์„œ๋Š” `serverUrl`์™€ `roomId`์€ [๋ฐ˜์‘ํ˜• ๊ฐ’](/learn/lifecycle-of-reactive-effects#effects-react-to-reactive-values)์ด๋ฏ€๋กœ ๋‘˜ ๋‹ค ์˜์กด์„ฑ์œผ๋กœ ์ง€์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ ๋“œ๋กญ๋‹ค์šด์—์„œ ๋‹ค๋ฅธ ๋ฐฉ์„ ์„ ํƒํ•˜๊ฑฐ๋‚˜ ์„œ๋ฒ„ URL ์ž…๋ ฅ์„ ํŽธ์ง‘ํ•˜๋ฉด ์ฑ„ํŒ…์ด ๋‹ค์‹œ ์—ฐ๊ฒฐ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ `message`๋Š” Effect์—์„œ ์‚ฌ์šฉ๋˜์ง€ ์•Š์œผ๋ฏ€๋กœ(์˜์กด์„ฑ์ด ์•„๋‹ˆ๋ฏ€๋กœ), ๋ฉ”์„ธ์ง€๋ฅผ ํŽธ์ง‘ํ•ด๋„ ๋Œ€ํ™”๊ฐ€ ๋‹ค์‹œ ์—ฐ๊ฒฐ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
1157+
์•„๋ž˜ ์˜ˆ์‹œ์—์„œ๋Š” `serverUrl`์™€ `roomId`์€ [๋ฐ˜์‘ํ˜• ๊ฐ’](/learn/lifecycle-of-reactive-effects#effects-react-to-reactive-values)์ด๋ฏ€๋กœ ๋‘˜ ๋‹ค ์˜์กด์„ฑ์œผ๋กœ ์ง€์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ ๋“œ๋กญ๋‹ค์šด์—์„œ ๋‹ค๋ฅธ ๋ฐฉ์„ ์„ ํƒํ•˜๊ฑฐ๋‚˜ ์„œ๋ฒ„ URL ์ž…๋ ฅ์„ ํŽธ์ง‘ํ•˜๋ฉด ์ฑ„ํŒ…์ด ๋‹ค์‹œ ์—ฐ๊ฒฐ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ `message`๋Š” Effect์—์„œ ์‚ฌ์šฉ๋˜์ง€ ์•Š์œผ๋ฏ€๋กœ(์˜์กด์„ฑ์ด ์•„๋‹ˆ๋ฏ€๋กœ), ๋ฉ”์‹œ์ง€๋ฅผ ํŽธ์ง‘ํ•ด๋„ ๋Œ€ํ™”๊ฐ€ ๋‹ค์‹œ ์—ฐ๊ฒฐ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
11581158
11591159
<Sandpack>
11601160

โ€Žsrc/content/reference/react/useReducer.mdโ€Ž

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1064,7 +1064,7 @@ function reducer(state, action) {
10641064
10651065
### "Too many re-renders" ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. {/*im-getting-an-error-too-many-re-renders*/}
10661066
1067-
`Too many re-renders. React limits the number of renders to prevent an infinite loop.`๋ผ๋Š” ์—๋Ÿฌ ๋ฉ”์„ธ์ง€๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ๋Š” ๋ Œ๋”๋ง ๊ณผ์ •์—์„œ dispatch๊ฐ€ ์‹คํ–‰๋  ๋•Œ ์ด๋Ÿฌํ•œ ์ผ์ด ์ผ์–ด๋‚ฉ๋‹ˆ๋‹ค. ๋ Œ๋”๋ง์€ dispatch๋ฅผ ์•ผ๊ธฐํ•˜๊ณ , dispatch๋Š” ๋ Œ๋”๋ง์„ ์•ผ๊ธฐํ•˜๋ฏ€๋กœ ๋ Œ๋”๋ง ๋ฌดํ•œ ๋ฃจํ”„๊ฐ€ ์ผ์–ด๋‚ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ƒํ™ฉ์€ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ์ž˜๋ชป ํ˜ธ์ถœํ•  ๋•Œ ์ข…์ข… ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
1067+
`Too many re-renders. React limits the number of renders to prevent an infinite loop.`๋ผ๋Š” ์—๋Ÿฌ ๋ฉ”์‹œ์ง€๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ๋Š” ๋ Œ๋”๋ง ๊ณผ์ •์—์„œ dispatch๊ฐ€ ์‹คํ–‰๋  ๋•Œ ์ด๋Ÿฌํ•œ ์ผ์ด ์ผ์–ด๋‚ฉ๋‹ˆ๋‹ค. ๋ Œ๋”๋ง์€ dispatch๋ฅผ ์•ผ๊ธฐํ•˜๊ณ , dispatch๋Š” ๋ Œ๋”๋ง์„ ์•ผ๊ธฐํ•˜๋ฏ€๋กœ ๋ Œ๋”๋ง ๋ฌดํ•œ ๋ฃจํ”„๊ฐ€ ์ผ์–ด๋‚ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ƒํ™ฉ์€ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ์ž˜๋ชป ํ˜ธ์ถœํ•  ๋•Œ ์ข…์ข… ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
10681068
10691069
```js {1-2}
10701070
// ๐Ÿšฉ Wrong: calls the handler during render

0 commit comments

Comments
ย (0)