Skip to content

Commit fa09a1d

Browse files
committed
fix: typo 'component' linted by textlint
1 parent 6fe172f commit fa09a1d

File tree

3 files changed

+4
-4
lines changed

3 files changed

+4
-4
lines changed

โ€Žsrc/content/learn/start-a-new-react-project.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,7 @@ Next.js๋Š” [Vercel](https://vercel.com/)์ด ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ์–ด๋А Node.js ์„œ
9898

9999
#### React ํŒ€์˜ ํ’€์Šคํƒ ์•„ํ‚คํ…์ณ ๋น„์ „์„ ๊ตฌํ˜„ํ•œ ๊ธฐ๋Šฅ์€ ๋ฌด์—‡์ธ๊ฐ€์š”? {/*which-features-make-up-the-react-teams-full-stack-architecture-vision*/}
100100

101-
Next.js์˜ App Router ๋ฒˆ๋“ค๋Ÿฌ๋Š” ๊ณต์‹ [React Server Components ๋ช…์„ธ](https://github.com/reactjs/rfcs/blob/main/text/0188-server-components.md) ์ „์ฒด๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๋นŒ๋“œ ์‹œ๊ฐ„, ์„œ๋ฒ„ ์ „์šฉ, ๋Œ€ํ™”ํ˜• ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ•˜๋‚˜์˜ React ํŠธ๋ฆฌ์—์„œ ํ˜ผํ•ฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
101+
Next.js์˜ App Router ๋ฒˆ๋“ค๋Ÿฌ๋Š” ๊ณต์‹ [React Server ์ปดํฌ๋„ŒํŠธ ๋ช…์„ธ](https://github.com/reactjs/rfcs/blob/main/text/0188-server-components.md) ์ „์ฒด๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๋นŒ๋“œ ์‹œ๊ฐ„, ์„œ๋ฒ„ ์ „์šฉ, ๋Œ€ํ™”ํ˜• ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ•˜๋‚˜์˜ React ํŠธ๋ฆฌ์—์„œ ํ˜ผํ•ฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
102102

103103
์˜ˆ๋ฅผ ๋“ค์–ด, ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋‚˜ ํŒŒ์ผ์„ ์ฝ๋Š” `async` ํ•จ์ˆ˜๋กœ ์„œ๋ฒ„ ์ „์šฉ React ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ๋‹ค์Œ ์ด๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ๋ฅผ ๋Œ€ํ™”ํ˜• ์ปดํฌ๋„ŒํŠธ๋กœ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
104104

@@ -124,6 +124,6 @@ Next.js์˜ App Router๋Š” ๋˜ํ•œ Suspense๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐ์ดํ„ฐ ํ†ต์‹ ๊ณผ๋„
124124
</Suspense>
125125
```
126126

127-
Server Component์™€ Suspense๋Š” Next.js์˜ ๊ธฐ๋Šฅ์ด ์•„๋‹Œ React์˜ ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ํ”„๋ ˆ์ž„์›Œํฌ ์ˆ˜์ค€์—์„œ ์ด๋ฅผ ์ฑ„ํƒํ•˜๋ ค๋ฉด ๋งŽ์€ ๋…ธ๋ ฅ๊ณผ ๋น„๊ต์  ๋ณต์žกํ•œ ๊ตฌํ˜„ ์ž‘์—…์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ํ˜„์žฌ ๊ธฐ์ค€์œผ๋กœ๋Š” Next.js์˜ App Router๊ฐ€ ๊ฐ€์žฅ ์™„๋ฒฝํ•œ ๊ตฌํ˜„์ž…๋‹ˆ๋‹ค. React ํŒ€์€ ์ฐจ์„ธ๋Œ€ ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ๋Š” ์ด๋Ÿฌํ•œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์‰ฝ๋„๋ก ๋ฒˆ๋“ค๋Ÿฌ ๊ฐœ๋ฐœ์ž์™€ ๊ณต๋™์œผ๋กœ ๋…ธ๋ ฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
127+
Server ์ปดํฌ๋„ŒํŠธ์™€ Suspense๋Š” Next.js์˜ ๊ธฐ๋Šฅ์ด ์•„๋‹Œ React์˜ ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ํ”„๋ ˆ์ž„์›Œํฌ ์ˆ˜์ค€์—์„œ ์ด๋ฅผ ์ฑ„ํƒํ•˜๋ ค๋ฉด ๋งŽ์€ ๋…ธ๋ ฅ๊ณผ ๋น„๊ต์  ๋ณต์žกํ•œ ๊ตฌํ˜„ ์ž‘์—…์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ํ˜„์žฌ ๊ธฐ์ค€์œผ๋กœ๋Š” Next.js์˜ App Router๊ฐ€ ๊ฐ€์žฅ ์™„๋ฒฝํ•œ ๊ตฌํ˜„์ž…๋‹ˆ๋‹ค. React ํŒ€์€ ์ฐจ์„ธ๋Œ€ ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ๋Š” ์ด๋Ÿฌํ•œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์‰ฝ๋„๋ก ๋ฒˆ๋“ค๋Ÿฌ ๊ฐœ๋ฐœ์ž์™€ ๊ณต๋™์œผ๋กœ ๋…ธ๋ ฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
128128

129129
</DeepDive>

โ€Žsrc/content/reference/react-dom/client/hydrateRoot.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ const domNode = document.getElementById('root');
2929
const root = hydrateRoot(domNode, reactNode);
3030
```
3131
32-
React๋Š” `domNode` ๋‚ด๋ถ€์˜ HTML์— ๋ถ™์–ด, ๋‚ด๋ถ€ DOM์„ ์ง์ ‘ ๊ด€๋ฆฌํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. App์„ React๋กœ ์ „๋ถ€ ๋งŒ๋“ค์—ˆ๋‹ค๋ฉด ๋ณดํ†ต์€ ๋‹จ ํ•˜๋‚˜์˜ root component์™€ ํ•จ๊ป˜ `hydrateRoot`๋ฅผ ํ•œ ๋ฒˆ ํ˜ธ์ถœํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.
32+
React๋Š” `domNode` ๋‚ด๋ถ€์˜ HTML์— ๋ถ™์–ด, ๋‚ด๋ถ€ DOM์„ ์ง์ ‘ ๊ด€๋ฆฌํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. App์„ React๋กœ ์ „๋ถ€ ๋งŒ๋“ค์—ˆ๋‹ค๋ฉด ๋ณดํ†ต์€ ๋‹จ ํ•˜๋‚˜์˜ root ์ปดํฌ๋„ŒํŠธ์™€ ํ•จ๊ป˜ `hydrateRoot`๋ฅผ ํ•œ ๋ฒˆ ํ˜ธ์ถœํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.
3333
3434
[์•„๋ž˜ ์—ฌ๋Ÿฌ ์˜ˆ์‹œ๋ฅผ ํ™•์ธํ•ด๋ณด์„ธ์š”.](#usage)
3535

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ Server Action๊ณผ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ, `useActionState`๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ hy
7878
7979
#### ์ฃผ์˜ ์‚ฌํ•ญ {/*caveats*/}
8080
81-
* React Server Components๋ฅผ ์ง€์›ํ•˜๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•  ๋•Œ, `useActionState`๋Š” ํด๋ผ์ด์–ธํŠธ์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์‹คํ–‰๋˜๊ธฐ ์ด์ „์—๋„ ํผ์„ ์ƒํ˜ธ์ž‘์šฉํ•˜๋„๋ก ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Server Components๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด ์ปดํฌ๋„ŒํŠธ ์ง€์—ญ state์™€ ๋™์ผํ•ฉ๋‹ˆ๋‹ค.
81+
* React Server ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ง€์›ํ•˜๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•  ๋•Œ, `useActionState`๋Š” ํด๋ผ์ด์–ธํŠธ์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์‹คํ–‰๋˜๊ธฐ ์ด์ „์—๋„ ํผ์„ ์ƒํ˜ธ์ž‘์šฉํ•˜๋„๋ก ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Server ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด ์ปดํฌ๋„ŒํŠธ ์ง€์—ญ state์™€ ๋™์ผํ•ฉ๋‹ˆ๋‹ค.
8282
* `useActionState`์— ์ „๋‹ฌํ•œ ํ•จ์ˆ˜๋Š” ์ฒซ ๋ฒˆ์งธ ์ธ์ˆ˜๋กœ ์ด์ „ ํ˜น์€ ์ดˆ๊ธฐ state๋ฅผ ์ถ”๊ฐ€๋กœ ๋ฐ›์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด `useActionState`๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  ์ง์ ‘ ํผ ์•ก์…˜์„ ์‚ฌ์šฉํ–ˆ์„ ๊ฒฝ์šฐ์™€๋Š” ๋‹ค๋ฅธ ์‹œ๊ทธ๋‹ˆ์ฒ˜๋ฅผ ๊ฐ€์ง€๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
8383
8484
---

0 commit comments

Comments
ย (0)