Skip to Content
Nextra 4.0 is released πŸŽ‰

πŸ›‘οΈ ESLint Config

configs/eslint-config μ›Œν¬μŠ€νŽ˜μ΄μŠ€λŠ” λͺ¨λ…Έλ ˆν¬ λ‚΄ μ—¬λŸ¬ νŒ¨ν‚€μ§€μ™€ μ•±μ—μ„œ κ³΅ν†΅μœΌλ‘œ μ‚¬μš©ν•  수 μžˆλŠ” ESLint μ„€μ •(곡유 config)을 μ œκ³΅ν•©λ‹ˆλ‹€.

μ£Όμš” λͺ©μ 

  • μ½”λ“œ μŠ€νƒ€μΌκ³Ό ν’ˆμ§ˆμ„ μΌκ΄€λ˜κ²Œ μœ μ§€ν•˜κΈ° μœ„ν•œ 곡톡 ESLint κ·œμΉ™μ„ μ •μ˜ν•©λ‹ˆλ‹€.
  • 각 μ›Œν¬μŠ€νŽ˜μ΄μŠ€(μ•±/νŒ¨ν‚€μ§€)μ—μ„œ 이 섀정을 ν™•μž₯ν•˜κ±°λ‚˜ κ·ΈλŒ€λ‘œ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

μ£Όμš” ꡬ성

  • base.js
    기본적인 ESLint κ·œμΉ™μ„ μ •μ˜ν•œ μ„€μ • νŒŒμΌμž…λ‹ˆλ‹€.
  • react-internal.js
    React ν”„λ‘œμ νŠΈμ— νŠΉν™”λœ μΆ”κ°€ κ·œμΉ™μ„ ν¬ν•¨ν•œ μ„€μ • νŒŒμΌμž…λ‹ˆλ‹€.
  • next.js
    Next.js ν”„λ‘œμ νŠΈμ— νŠΉν™”λœ μΆ”κ°€ κ·œμΉ™μ„ ν¬ν•¨ν•œ μ„€μ • νŒŒμΌμž…λ‹ˆλ‹€.

μ‚¬μš© 방법

κ·ΈλŒ€λ‘œ μ‚¬μš©ν•˜κΈ°

각 μ›Œν¬μŠ€νŽ˜μ΄μŠ€μ˜ ESLint μ„€μ • νŒŒμΌμ—μ„œ @repo/eslint-config/{configλͺ…}을 import ν•˜μ—¬ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

apps/web/eslint.config.js
import { nextJsConfig } from "@repo/eslint-config/next-js"; /** @type {import("eslint").Linter.Config} */ export default nextJsConfig;

ν™•μž₯ν•˜κΈ°

ν•„μš”μ— 따라 configλ₯Ό ν™•μž₯ν•˜μ—¬ μΆ”κ°€ κ·œμΉ™μ„ μ •μ˜ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

apps/frontend-workshopμ—μ„œλ„ @repo/eslint-config/react-internal을 ν™•μž₯ν•˜μ—¬ μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. ν•΄λ‹Ή μ›Œν¬μŠ€νŽ˜μ΄μŠ€μ˜ ESLint 섀정을 μ°Έκ³ ν•˜λ©΄, μ–΄λ–»κ²Œ 곡톡 κ·œμΉ™μ„ ν™•μž₯ν•˜μ—¬ μ‚¬μš©ν•  수 μžˆλŠ”μ§€ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€. κ΄€λ ¨ λ‚΄μš©μ€ μ½”λ”© κ·œμ•½ > ESLint λ¬Έμ„œμ—μ„œλ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

// μ˜ˆμ‹œ: apps/frontend-workshop/eslint.config.js import { config } from "@repo/eslint-config/react-internal"; export default { extends: [...config], // μΆ”κ°€ κ·œμΉ™ μ •μ˜ κ°€λŠ₯ };

μ°Έκ³ 

  • μ‹€μ œ κ·œμΉ™ 및 상세 섀정은 configs/eslint-config μ›Œν¬μŠ€νŽ˜μ΄μŠ€μ˜ 각 config νŒŒμΌμ„ μ°Έκ³ ν•˜μ„Έμš”.
  • μƒˆλ‘œμš΄ 곡톡 κ·œμΉ™μ΄ ν•„μš”ν•˜λ‹€λ©΄ 이 μ›Œν¬μŠ€νŽ˜μ΄μŠ€μ— μΆ”κ°€ν•˜μ—¬ 전체 ν”„λ‘œμ νŠΈμ— μ μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

Last updated on