π 볡μ¬νμ¬ μΆκ°νκΈ°
λ³Έ λ¬Έμμμλ κΈ°μ‘΄μ ν¨ν€μ§λ₯Ό 볡μ¬νμ¬ μλ‘μ΄ ν¨ν€μ§λ₯Ό μΆκ°νλ λ°©λ²μ λν΄ μ€λͺ ν©λλ€.
λ³Έλ μ΄ νλ‘μ νΈμ ν¬ν¨ν ν¨ν€μ§λ€μ μ΄λ κ² λ€λ₯Έ ν¨ν€μ§λ₯Ό μμ±νκΈ° μν ν νλ¦ΏμΌλ‘μ μ¬μ©νκΈ° μν΄ μ€κ³λμμ΅λλ€.
π 볡μ¬νκΈ°
μ ν¨ν€μ§λ₯Ό μΆκ°νκΈ° μν κ°μ₯ κ°λ¨ν λ°©λ²μ packages
λλ ν 리 λ΄μ μλ κΈ°μ‘΄μ μν ν¨ν€μ§λ₯Ό 볡μ¬νμ¬ μλ‘μ΄ ν¨ν€μ§λ₯Ό λ§λλ κ²μ
λλ€.
μ΄λ κ² νλ©΄, κΈ°μ‘΄ ν¨ν€μ§μ μ€μ μ κ·Έλλ‘ κ°μ Έμ€λ©΄μ μλ‘μ΄ ν¨ν€μ§λ₯Ό μμν μ μμ΅λλ€.
π― λͺ©μ μ λ§λ ν¨ν€μ§ μ ννκΈ°
μλ‘μ΄ ν¨ν€μ§λ₯Ό μΆκ°ν λλ, λ€μκ³Ό κ°μ λͺ©μ μ λ§λ ν¨ν€μ§λ₯Ό μ ννμ¬ λ³΅μ¬νλ κ²μ΄ μ’μ΅λλ€:
νλͺ© | ν νλ¦Ώ ν¨ν€μ§ | λͺ©μ |
---|---|---|
λΈλΌμ°μ μ νΈλ¦¬ν° | packages/browser-utils | λΈλΌμ°μ νκ²½μμ μ¬μ©ν μ νΈλ¦¬ν° ν¨μλ€ |
Node.js μ νΈλ¦¬ν° | packages/node-utils | Node.js νκ²½μμ μ¬μ©ν μ νΈλ¦¬ν° ν¨μλ€ |
React μ νΈλ¦¬ν° | packages/react-utils | React μ ν리μΌμ΄μ μμ μ¬μ©ν μ νΈλ¦¬ν° ν¨μλ€ |
React UI μ»΄ν¬λνΈ | packages/react-ui | React μ ν리μΌμ΄μ μμ μ¬μ©ν UI μ»΄ν¬λνΈλ€ |
ESLint νλ¬κ·ΈμΈ ν¨ν€μ§μ κ²½μ°, ν
νλ¦Ώ ν¨ν€μ§λ₯Ό 볡μ¬νλ λμ ,
μ ν¨ν€μ§ μΆκ° > ESLint νλ¬κ·ΈμΈ
λ¬Έμλ₯Ό μ°Έκ³ νμ¬
yeoman CLI λ₯Ό ν΅ν΄ μμ±νλ κ²μ κΆμ₯ν©λλ€.
β λ³΅μ¬ ν ν μΌ
볡μ¬ν νμλ λ€μκ³Ό κ°μ μμ μ μνν΄μΌ ν©λλ€:
π ν¨ν€μ§ λ©ν λ°μ΄ν° μμ
- ν¨ν€μ§ λλ ν 리 μ΄λ¦ λ³κ²½: ν¨ν€μ§ λλ ν 리μ μ΄λ¦μ μλ‘μ΄ ν¨ν€μ§ μ΄λ¦μΌλ‘ λ³κ²½ν©λλ€.
- ν¨ν€μ§ μ΄λ¦ λ³κ²½:
package.json
νμΌμμname
νλλ₯Ό μλ‘μ΄ ν¨ν€μ§ μ΄λ¦μΌλ‘ λ³κ²½ν©λλ€. - ν¨ν€μ§ μ€λͺ
λ³κ²½:
package.json
νμΌμμdescription
νλλ₯Ό μλ‘μ΄ ν¨ν€μ§μ λ§λ μ€λͺ μΌλ‘ λ³κ²½ν©λλ€. - ν¨ν€μ§ λ²μ μ΄κΈ°ν:
package.json
νμΌμμversion
νλλ₯Ό0.0.0
λ‘ μ΄κΈ°νν©λλ€. - ν¨ν€μ§ λΌμ΄μ μ€ κ²ν :
package.json
νμΌμμlicense
νλλ₯Ό κ²ν νκ³ , νμν κ²½μ° μμ ν©λλ€.
ποΈ ν¨ν€μ§ λΉλ μ€μ
κΈ°μ‘΄μ ν¨ν€μ§ λΉλ μ€μ μ λν΄μλ ν¨ν€μ§ > λΉλ λ°©μ
λ¬Έμλ₯Ό μ°Έκ³ νμΈμ.
μ΄ λ¬Έμμμ μ€λͺ
νκ³ μλ λΉλ μ€μ λ€ μ€ μΌλΆλ₯Ό νμμ λ°λΌ μλ‘μ΄ ν¨ν€μ§μ λ§κ² μμ ν΄μ μ¬μ©ν μ μμ΅λλ€.
- ν¨ν€μ§ μμ‘΄μ± νμΈ:
package.json
νμΌμμ νμν μμ‘΄μ±μ νμΈνκ³ , νμμ λ°λΌ μΆκ°νκ±°λ μ κ±°ν©λλ€. - exports νλ κ²ν :
package.json
νμΌμμexports
νλλ₯Ό κ²ν νκ³ , νμν κ²½μ° μμ ν©λλ€. - λΉλ μ€μ κ²ν :
vite.config.js
νμΌμ μ΄μ΄ λΉλ μ€μ μ κ²ν νκ³ , νμν κ²½μ° μμ ν©λλ€. - νμ
μ€ν¬λ¦½νΈ μ€μ κ²ν :
tsconfig.json
νμΌμ μ΄μ΄ TypeScript μ€μ μ κ²ν νκ³ , νμν κ²½μ° μμ ν©λλ€. - ν
μ€νΈ μ€μ κ²ν :
vitest.config.js
νμΌμ μ΄μ΄ ν μ€νΈ μ€μ μ κ²ν νκ³ , νμν κ²½μ° μμ ν©λλ€.