Skip to content

Commit 5accb4d

Browse files
authored
fix: typo 'plugin' 'data' linted by textlint (#1001)
1 parent def6534 commit 5accb4d

File tree

3 files changed

+6
-6
lines changed

3 files changed

+6
-6
lines changed

โ€Žsrc/content/learn/react-compiler.mdโ€Ž

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ React ์ปดํŒŒ์ผ๋Ÿฌ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๊ฐ€์ •ํ•ฉ๋‹ˆ๋‹ค.
104104
2. nullable/optional ๊ฐ’๊ณผ ์†์„ฑ์— ์ ‘๊ทผํ•˜๊ธฐ ์ „์— ๊ทธ ๊ฐ’์ด ์ •์˜๋˜์–ด ์žˆ๋Š”์ง€ ํ…Œ์ŠคํŠธํ•ฉ๋‹ˆ๋‹ค. TypeScript๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ [`strictNullChecks`](https://www.typescriptlang.org/ko/tsconfig/#strictNullChecks)์„ ํ™œ์„ฑํ™”ํ•˜์—ฌ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด `if (object.nullableProperty) { object.nullableProperty.foo }`์™€ ๊ฐ™์ด ์ฒ˜๋ฆฌํ•˜๊ฑฐ๋‚˜, ์˜ต์…”๋„ ์ฒด์ด๋‹์„ ์‚ฌ์šฉํ•˜์—ฌ `object.nullableProperty?.foo`์™€ ๊ฐ™์ด ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค.
105105
3. [React์˜ ๊ทœ์น™](https://ko.react.dev/reference/rules)์„ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค.
106106

107-
React ์ปดํŒŒ์ผ๋Ÿฌ๋Š” React์˜ ๋งŽ์€ ๊ทœ์น™์„ ์ •์ ์œผ๋กœ ๊ฒ€์ฆํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์—๋Ÿฌ๊ฐ€ ๊ฐ์ง€๋˜๋ฉด ์•ˆ์ „ํ•˜๊ฒŒ ์ปดํŒŒ์ผ์„ ๊ฑด๋„ˆ๋œ๋‹ˆ๋‹ค. ์—๋Ÿฌ๋ฅผ ํ™•์ธํ•˜๋ ค๋ฉด [eslint-plugin-react-compiler](https://www.npmjs.com/package/eslint-plugin-react-compiler)์˜ ์„ค์น˜๋ฅผ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค.
107+
React ์ปดํŒŒ์ผ๋Ÿฌ๋Š” React์˜ ๋งŽ์€ ๊ทœ์น™์„ ์ •์ ์œผ๋กœ ๊ฒ€์ฆํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์—๋Ÿฌ๊ฐ€ ๊ฐ์ง€๋˜๋ฉด ์•ˆ์ „ํ•˜๊ฒŒ ์ปดํŒŒ์ผ์„ ๊ฑด๋„ˆ๋œ๋‹ˆ๋‹ค. ์—๋Ÿฌ๋ฅผ ํ™•์ธํ•˜๋ ค๋ฉด [`eslint-plugin-react-compiler`](https://www.npmjs.com/package/eslint-plugin-react-compiler)์˜ ์„ค์น˜๋ฅผ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค.
108108

109109
### ์ปดํŒŒ์ผ๋Ÿฌ๋ฅผ ์‹œ๋„ํ•ด ๋ด์•ผ ํ•˜๋‚˜์š”? {/*should-i-try-out-the-compiler*/}
110110

@@ -138,7 +138,7 @@ StrictMode usage not found.
138138
Found no usage of incompatible libraries.
139139
</TerminalBlock>
140140

141-
### eslint-plugin-react-compiler ์„ค์น˜ {/*installing-eslint-plugin-react-compiler*/}
141+
### `eslint-plugin-react-compiler` ์„ค์น˜ {/*installing-eslint-plugin-react-compiler*/}
142142

143143
React ์ปดํŒŒ์ผ๋Ÿฌ๋Š” eslint ํ”Œ๋Ÿฌ๊ทธ์ธ๋„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. eslint ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ์ปดํŒŒ์ผ๋Ÿฌ์™€ **๋…๋ฆฝ์ ์œผ๋กœ** ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฆ‰ ์ปดํŒŒ์ผ๋Ÿฌ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋”๋ผ๋„ eslint ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
144144

@@ -228,7 +228,7 @@ module.exports = function () {
228228

229229
### Vite {/*usage-with-vite*/}
230230

231-
Vite๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๋ฉด, vite-plugin-react์— ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
231+
Vite๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๋ฉด, `vite-plugin-react`์— ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
232232

233233
```js {10}
234234
// vite.config.js
@@ -382,7 +382,7 @@ React 19๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•  ์ˆ˜ ์—†๋Š” ๊ฒฝ์šฐ, [์›Œํ‚น ๊ทธ๋ฃน](https://github
382382
[React Devtools](/learn/react-developer-tools) (v5.0+)์—๋Š” React ์ปดํŒŒ์ผ๋Ÿฌ๋ฅผ ๋‚ด์žฅ ์ง€์›ํ•˜๋ฉฐ, ์ปดํŒŒ์ผ๋Ÿฌ์— ์˜ํ•ด ์ตœ์ ํ™”๋œ ์ปดํฌ๋„ŒํŠธ ์˜†์— "Memo โœจ" ๋ฐฐ์ง€๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.
383383

384384
### ์ปดํŒŒ์ผ ํ›„ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๋ฌธ์ œ {/*something-is-not-working-after-compilation*/}
385-
eslint-plugin-react-compiler์„ ์„ค์น˜ํ•œ ๊ฒฝ์šฐ, ์ปดํŒŒ์ผ๋Ÿฌ๋Š” ์—๋””ํ„ฐ์—์„œ React ๊ทœ์น™ ์œ„๋ฐ˜ ์‚ฌํ•ญ์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ ์ปดํŒŒ์ผ๋Ÿฌ๊ฐ€ ํ•ด๋‹น ์ปดํฌ๋„ŒํŠธ๋‚˜ Hook์˜ ์ตœ์ ํ™”๋ฅผ ๊ฑด๋„ˆ๋›ฐ์—ˆ์Œ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์™„์ „ํžˆ ์ •์ƒ์ ์ธ ๋™์ž‘์ด๋ฉฐ, ์ปดํŒŒ์ผ๋Ÿฌ๋Š” ์ด๋ฅผ ๋ณต๊ตฌํ•˜๊ณ  ์ฝ”๋“œ๋ฒ ์ด์Šค์˜ ๋‹ค๋ฅธ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ณ„์†ํ•ด์„œ ์ตœ์ ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. **๋ชจ๋“  eslint ์œ„๋ฐ˜ ์‚ฌํ•ญ์„ ์ฆ‰์‹œ ์ˆ˜์ •ํ•  ํ•„์š”๋Š” ์—†์Šต๋‹ˆ๋‹ค.** ์ž์‹ ์˜ ์†๋„์— ๋งž์ถฐ ํ•ด๊ฒฐํ•˜๋ฉด์„œ ์ตœ์ ํ™”๋˜๋Š” ์ปดํฌ๋„ŒํŠธ์™€ Hooks์˜ ์ˆ˜๋ฅผ ์ ์ง„์ ์œผ๋กœ ๋Š˜๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
385+
`eslint-plugin-react-compiler`์„ ์„ค์น˜ํ•œ ๊ฒฝ์šฐ, ์ปดํŒŒ์ผ๋Ÿฌ๋Š” ์—๋””ํ„ฐ์—์„œ React ๊ทœ์น™ ์œ„๋ฐ˜ ์‚ฌํ•ญ์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ ์ปดํŒŒ์ผ๋Ÿฌ๊ฐ€ ํ•ด๋‹น ์ปดํฌ๋„ŒํŠธ๋‚˜ Hook์˜ ์ตœ์ ํ™”๋ฅผ ๊ฑด๋„ˆ๋›ฐ์—ˆ์Œ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์™„์ „ํžˆ ์ •์ƒ์ ์ธ ๋™์ž‘์ด๋ฉฐ, ์ปดํŒŒ์ผ๋Ÿฌ๋Š” ์ด๋ฅผ ๋ณต๊ตฌํ•˜๊ณ  ์ฝ”๋“œ๋ฒ ์ด์Šค์˜ ๋‹ค๋ฅธ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ณ„์†ํ•ด์„œ ์ตœ์ ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. **๋ชจ๋“  eslint ์œ„๋ฐ˜ ์‚ฌํ•ญ์„ ์ฆ‰์‹œ ์ˆ˜์ •ํ•  ํ•„์š”๋Š” ์—†์Šต๋‹ˆ๋‹ค.** ์ž์‹ ์˜ ์†๋„์— ๋งž์ถฐ ํ•ด๊ฒฐํ•˜๋ฉด์„œ ์ตœ์ ํ™”๋˜๋Š” ์ปดํฌ๋„ŒํŠธ์™€ Hooks์˜ ์ˆ˜๋ฅผ ์ ์ง„์ ์œผ๋กœ ๋Š˜๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
386386

387387
๊ทธ๋Ÿฌ๋‚˜ JavaScript์˜ ์œ ์—ฐํ•˜๊ณ  ๋™์ ์ธ ํŠน์„ฑ ๋•Œ๋ฌธ์— ๋ชจ๋“  ๊ฒฝ์šฐ๋ฅผ ์ฒ ์ €ํ•˜๊ฒŒ ๊ฐ์ง€ํ•˜๋Š” ๊ฒƒ์€ ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌ๋ฉด ๋ฒ„๊ทธ๋‚˜ ๋ฌดํ•œ ๋ฃจํ”„์™€ ๊ฐ™์€ ์ •์˜๋˜์ง€ ์•Š์€ ๋™์ž‘์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
388388

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ React๋ฅผ ์ „์ฒด์ ์œผ๋กœ ์ ์šฉํ•œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‚˜ ์‚ฌ์ดํŠธ๋ฅผ ์ƒˆ๋กญ
99
</Intro>
1010

1111

12-
ํ”„๋ ˆ์ž„์›Œํฌ ์—†์ด React ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋Œ€๋ถ€๋ถ„์— ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‚˜ ์‚ฌ์ดํŠธ๋“ค์ด ๊ฒฐ๊ตญ์—๋Š” ์ฝ”๋“œ ๋ถ„ํ• , routing, data fetching, ๊ทธ๋ฆฌ๊ณ  HTML ์ƒ์„ฑ์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ๊ณ  ์žˆ๋‹ค๋Š”๊ฒƒ์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋“ค์€ UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์˜ ๊ธฐ๋ณธ์ ์ธ ๋ฌธ์ œ์ด๋ฉฐ React ๋งŒ์˜ ๋ฌธ์ œ๋Š” ์•„๋‹™๋‹ˆ๋‹ค.
12+
ํ”„๋ ˆ์ž„์›Œํฌ ์—†์ด React๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋Œ€๋ถ€๋ถ„์— ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‚˜ ์‚ฌ์ดํŠธ๋“ค์ด ๊ฒฐ๊ตญ์—๋Š” ์ฝ”๋“œ ๋ถ„ํ• , routing, ๋ฐ์ดํ„ฐ fetching, ๊ทธ๋ฆฌ๊ณ  HTML ์ƒ์„ฑ์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ๊ณ  ์žˆ๋‹ค๋Š”๊ฒƒ์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋“ค์€ UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์˜ ๊ธฐ๋ณธ์ ์ธ ๋ฌธ์ œ์ด๋ฉฐ React ๋งŒ์˜ ๋ฌธ์ œ๋Š” ์•„๋‹™๋‹ˆ๋‹ค.
1313

1414
ํ”„๋ ˆ์ž„์›Œํฌ๋กœ ์‹œ์ž‘ํ•˜๋ฉด React๋ฅผ ๋น ๋ฅด๊ฒŒ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ๊ณ , ๋‚˜์ค‘์— ์ž์ฒด ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์„ ํ”ผํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
1515

โ€Žsrc/content/warnings/invalid-hook-call-warning.mdโ€Ž

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@ class Bad extends React.Component {
103103
}
104104
```
105105

106-
์ด๋Ÿฌํ•œ ์‹ค์ˆ˜๋ฅผ ์žก๊ธฐ ์œ„ํ•ด [eslint-plugin-react-hooks ํ”Œ๋Ÿฌ๊ทธ์ธ](https://www.npmjs.com/package/eslint-plugin-react-hooks)์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
106+
์ด๋Ÿฌํ•œ ์‹ค์ˆ˜๋ฅผ ์žก๊ธฐ ์œ„ํ•ด [`eslint-plugin-react-hooks` ํ”Œ๋Ÿฌ๊ทธ์ธ](https://www.npmjs.com/package/eslint-plugin-react-hooks)์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
107107

108108
<Note>
109109

0 commit comments

Comments
ย (0)