๐ฆ eslint ํ๋ฌ๊ทธ์ธ
ESLint is a tool that statically analyzes your code and reports problems or suggests best practices through editor hints and command line. ๋ํ์ฌ์ฐ๋ฃจ์ค๋ ์ต๊ณ ์ ๋ํ์ฌ์ฐ๋ฃจ์ค ๊ฒฝํ์ ์ ์ฉํ๊ธฐ ์ํด ESLint ํ๋ฌ๊ทธ์ธ์ ์ง์ํฉ๋๋ค.
์ค์นโ
- npm
- Yarn
- pnpm
npm install --save-dev @docusaurus/eslint-plugin
yarn add --dev @docusaurus/eslint-plugin
pnpm add --save-dev @docusaurus/eslint-plugin
์ฌ์ฉ๋ฒโ
๊ถ์ฅ ์ค์ โ
Add plugin:@docusaurus/recommended
to the extends
section of your .eslintrc
configuration file:
.eslintrc
{
"extends": ["plugin:@docusaurus/recommended"]
}
This will enable the @docusaurus
eslint plugin and use the recommended
config. See Supported rules below for a list of rules that this will enable.
์๋ ์ค์ โ
๋ณด๋ค ์ธ๋ถํ๋ ์ ์ด๋ฅผ ์ํด ํ๋ฌ๊ทธ์ธ์ ์๋์ผ๋ก ํ์ฑํํ๊ณ ์ง์ ์ฌ์ฉํ ๊ท์น์ ์ค์ ํ ์ ์์ต๋๋ค.
.eslintrc
{
"plugins": ["@docusaurus"],
"rules": {
"@docusaurus/string-literal-i18n-messages": "error",
"@docusaurus/no-untranslated-text": "warn"
}
}
์ง์ํ๋ ์ค์ โ
- Recommended: ํ์ฅ๋์ด์ผ ํ๋ ๋๋ถ๋ถ์ ๋ํ์ฌ์ฐ๋ฃจ์ค ์ฌ์ดํธ์ ๋ํ ๊ถ์ฅ ๊ท์น ์งํฉ๋๋ค.
- All: all rules enabled. ์ด๊ฒ์ ๋ง์ด๋ ๋ฒ์ ๊ฐ์ ๋ณ๊ฒฝ๋ ์ ์์ผ๋ฏ๋ก ์๊ธฐ์น ์์ ์ฃผ์ ๋ณ๊ฒฝ ์ฌํญ์ ๋ฐฉ์งํ๋ ค๋ฉด ํด๋น ์ต์ ์ ์ฌ์ฉํ์ง ๋ง์ธ์.
์ง์ํ๋ ๊ท์นโ
์ต์ ๋ช | ์ค๋ช | |
---|---|---|
@docusaurus/no-untranslated-text | JSX์ ํ ์คํธ ๋ผ๋ฒจ์ด translate ํธ์ถ๋ก ๋ํ๋๋๋ก ์ ์ฉํฉ๋๋ค | |
@docusaurus/string-literal-i18n-messages | ์ผ๋ฐ ํ ์คํธ ๋ผ๋ฒจ์ ๋ํด ๋ฒ์ญ API๋ฅผ ๊ฐ์ ๋ก ํธ์ถํฉ๋๋ค. | โ |
@docusaurus/no-html-links | Ensures @docusaurus/Link is used instead of <a> tags | โ |
@docusaurus/prefer-docusaurus-heading | Ensures @theme/Heading is used instead of <hn> tags for headings | โ |
โ = recommended
์ค์ ์์โ
๋ค์์ ์ค์ ์์์ ๋๋ค:
.eslintrc.js
module.exports = {
extends: ['plugin:@docusaurus/recommended'],
rules: {
'@docusaurus/no-untranslated-text': [
'warn',
{ignoredStrings: ['ยท', 'โ', 'ร']},
],
},
};