Skip to Content
Nextra 4.0 is released πŸŽ‰

πŸ“‹ λ³΅μ‚¬ν•˜μ—¬ μΆ”κ°€ν•˜κΈ°

λ³Έ λ¬Έμ„œμ—μ„œλŠ” 기쑴의 νŒ¨ν‚€μ§€λ₯Ό λ³΅μ‚¬ν•˜μ—¬ μƒˆλ‘œμš΄ νŒ¨ν‚€μ§€λ₯Ό μΆ”κ°€ν•˜λŠ” 방법에 λŒ€ν•΄ μ„€λͺ…ν•©λ‹ˆλ‹€.

본래 이 ν”„λ‘œμ νŠΈμ— ν¬ν•¨ν•œ νŒ¨ν‚€μ§€λ“€μ€ μ΄λ ‡κ²Œ λ‹€λ₯Έ νŒ¨ν‚€μ§€λ₯Ό μƒμ„±ν•˜κΈ° μœ„ν•œ ν…œν”Œλ¦ΏμœΌλ‘œμ„œ μ‚¬μš©ν•˜κΈ° μœ„ν•΄ μ„€κ³„λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

πŸ“‹ λ³΅μ‚¬ν•˜κΈ°

μƒˆ νŒ¨ν‚€μ§€λ₯Ό μΆ”κ°€ν•˜κΈ° μœ„ν•œ κ°€μž₯ κ°„λ‹¨ν•œ 방법은 packages 디렉토리 내에 μžˆλŠ” 기쑴의 μƒ˜ν”Œ νŒ¨ν‚€μ§€λ₯Ό λ³΅μ‚¬ν•˜μ—¬ μƒˆλ‘œμš΄ νŒ¨ν‚€μ§€λ₯Ό λ§Œλ“œλŠ” κ²ƒμž…λ‹ˆλ‹€. μ΄λ ‡κ²Œ ν•˜λ©΄, κΈ°μ‘΄ νŒ¨ν‚€μ§€μ˜ 섀정을 κ·ΈλŒ€λ‘œ κ°€μ Έμ˜€λ©΄μ„œ μƒˆλ‘œμš΄ νŒ¨ν‚€μ§€λ₯Ό μ‹œμž‘ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

🎯 λͺ©μ μ— λ§žλŠ” νŒ¨ν‚€μ§€ μ„ νƒν•˜κΈ°

μƒˆλ‘œμš΄ νŒ¨ν‚€μ§€λ₯Ό μΆ”κ°€ν•  λ•ŒλŠ”, λ‹€μŒκ³Ό 같은 λͺ©μ μ— λ§žλŠ” νŒ¨ν‚€μ§€λ₯Ό μ„ νƒν•˜μ—¬ λ³΅μ‚¬ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€:

ν•­λͺ©ν…œν”Œλ¦Ώ νŒ¨ν‚€μ§€λͺ©μ 
λΈŒλΌμš°μ € μœ ν‹Έλ¦¬ν‹°packages/browser-utilsλΈŒλΌμš°μ € ν™˜κ²½μ—μ„œ μ‚¬μš©ν•  μœ ν‹Έλ¦¬ν‹° ν•¨μˆ˜λ“€
Node.js μœ ν‹Έλ¦¬ν‹°packages/node-utilsNode.js ν™˜κ²½μ—μ„œ μ‚¬μš©ν•  μœ ν‹Έλ¦¬ν‹° ν•¨μˆ˜λ“€
React μœ ν‹Έλ¦¬ν‹°packages/react-utilsReact μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ μ‚¬μš©ν•  μœ ν‹Έλ¦¬ν‹° ν•¨μˆ˜λ“€
React UI μ»΄ν¬λ„ŒνŠΈpackages/react-uiReact μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ μ‚¬μš©ν•  UI μ»΄ν¬λ„ŒνŠΈλ“€

ESLint ν”ŒλŸ¬κ·ΈμΈ νŒ¨ν‚€μ§€μ˜ 경우, ν…œν”Œλ¦Ώ νŒ¨ν‚€μ§€λ₯Ό λ³΅μ‚¬ν•˜λŠ” λŒ€μ‹ , μƒˆ νŒ¨ν‚€μ§€ μΆ”κ°€ > ESLint ν”ŒλŸ¬κ·ΈμΈ λ¬Έμ„œλ₯Ό μ°Έκ³ ν•˜μ—¬ yeoman CLI λ₯Ό 톡해 μƒμ„±ν•˜λŠ” 것을 ꢌμž₯ν•©λ‹ˆλ‹€.

βœ… 볡사 ν›„ ν•  일

λ³΅μ‚¬ν•œ ν›„μ—λŠ” λ‹€μŒκ³Ό 같은 μž‘μ—…μ„ μˆ˜ν–‰ν•΄μ•Ό ν•©λ‹ˆλ‹€:

πŸ“ νŒ¨ν‚€μ§€ 메타 데이터 μˆ˜μ •

  1. νŒ¨ν‚€μ§€ 디렉토리 이름 λ³€κ²½: νŒ¨ν‚€μ§€ λ””λ ‰ν† λ¦¬μ˜ 이름을 μƒˆλ‘œμš΄ νŒ¨ν‚€μ§€ μ΄λ¦„μœΌλ‘œ λ³€κ²½ν•©λ‹ˆλ‹€.
  2. νŒ¨ν‚€μ§€ 이름 λ³€κ²½: package.json νŒŒμΌμ—μ„œ name ν•„λ“œλ₯Ό μƒˆλ‘œμš΄ νŒ¨ν‚€μ§€ μ΄λ¦„μœΌλ‘œ λ³€κ²½ν•©λ‹ˆλ‹€.
  3. νŒ¨ν‚€μ§€ μ„€λͺ… λ³€κ²½: package.json νŒŒμΌμ—μ„œ description ν•„λ“œλ₯Ό μƒˆλ‘œμš΄ νŒ¨ν‚€μ§€μ— λ§žλŠ” μ„€λͺ…μœΌλ‘œ λ³€κ²½ν•©λ‹ˆλ‹€.
  4. νŒ¨ν‚€μ§€ 버전 μ΄ˆκΈ°ν™”: package.json νŒŒμΌμ—μ„œ version ν•„λ“œλ₯Ό 0.0.0둜 μ΄ˆκΈ°ν™”ν•©λ‹ˆλ‹€.
  5. νŒ¨ν‚€μ§€ λΌμ΄μ„ μŠ€ κ²€ν† : package.json νŒŒμΌμ—μ„œ license ν•„λ“œλ₯Ό κ²€ν† ν•˜κ³ , ν•„μš”ν•œ 경우 μˆ˜μ •ν•©λ‹ˆλ‹€.

πŸ—οΈ νŒ¨ν‚€μ§€ λΉŒλ“œ μ„€μ •

기쑴의 νŒ¨ν‚€μ§€ λΉŒλ“œ 섀정에 λŒ€ν•΄μ„œλŠ” νŒ¨ν‚€μ§€ > λΉŒλ“œ 방식 λ¬Έμ„œλ₯Ό μ°Έκ³ ν•˜μ„Έμš”. 이 λ¬Έμ„œμ—μ„œ μ„€λͺ…ν•˜κ³  μžˆλŠ” λΉŒλ“œ μ„€μ •λ“€ 쀑 일뢀λ₯Ό ν•„μš”μ— 따라 μƒˆλ‘œμš΄ νŒ¨ν‚€μ§€μ— 맞게 μˆ˜μ •ν•΄μ„œ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

  1. νŒ¨ν‚€μ§€ μ˜μ‘΄μ„± 확인: package.json νŒŒμΌμ—μ„œ ν•„μš”ν•œ μ˜μ‘΄μ„±μ„ ν™•μΈν•˜κ³ , ν•„μš”μ— 따라 μΆ”κ°€ν•˜κ±°λ‚˜ μ œκ±°ν•©λ‹ˆλ‹€.
  2. exports ν•„λ“œ κ²€ν† : package.json νŒŒμΌμ—μ„œ exports ν•„λ“œλ₯Ό κ²€ν† ν•˜κ³ , ν•„μš”ν•œ 경우 μˆ˜μ •ν•©λ‹ˆλ‹€.
  3. λΉŒλ“œ μ„€μ • κ²€ν† : vite.config.js νŒŒμΌμ„ μ—΄μ–΄ λΉŒλ“œ 섀정을 κ²€ν† ν•˜κ³ , ν•„μš”ν•œ 경우 μˆ˜μ •ν•©λ‹ˆλ‹€.
  4. νƒ€μž…μŠ€ν¬λ¦½νŠΈ μ„€μ • κ²€ν† : tsconfig.json νŒŒμΌμ„ μ—΄μ–΄ TypeScript 섀정을 κ²€ν† ν•˜κ³ , ν•„μš”ν•œ 경우 μˆ˜μ •ν•©λ‹ˆλ‹€.
  5. ν…ŒμŠ€νŠΈ μ„€μ • κ²€ν† : vitest.config.js νŒŒμΌμ„ μ—΄μ–΄ ν…ŒμŠ€νŠΈ 섀정을 κ²€ν† ν•˜κ³ , ν•„μš”ν•œ 경우 μˆ˜μ •ν•©λ‹ˆλ‹€.

Last updated on