π¨ tf-o-template-ds μμλΌμ΄λΈλ¬λ¦¬μ λλ€
ds-react-components
λΌλ λΌμ΄λΈλ¬λ¦¬λ‘ μ μ§λ³΄μ λκ³ μμμ΅λλ€.
ds-react-components
λΌμ΄λΈλ¬λ¦¬λ₯Ό 곡μ©μ μΌλ‘ μ¬μ©νκΈ°μλ λ¬Έμ κ°μμμ΅λλ€.
- emotion
- λ²λ€λ¬ μ€μ babel
- twin.macro
μ²μ μ ν ν λλ μ μ€μ μ΄ μμ΄λ λλλ‘ λΌμ΄λΈλ¬λ¦¬λ₯Ό κ°λ°νμ§λ§ css-in-jsμ headμ μ€νμΌμ μ£Όμ νλ λ‘μ§μ΄ λ¬Έμ κ°μμμ΅λλ€.
λΌμ΄λΈλ¬λ¦¬μμλ emotionμ΄ headμ μ€νμΌμ μ£Όμ
νλ κ²κ³Ό ds-react-components
λ₯Ό κ°μ Έμ μ¬μ©νλ μͺ½μμ emotionμ μ¬μ©ν λ ds-react-components
κ° νμμλ‘ λ λλ§λλ©΄μ headμ style μμ±μ μ°μ μμκ° μ¬μ©νλ μ¬μ©μμ λ§μλλ‘ μ§μ ν μ μλ λ¬Έμ κ°μμμ΅λλ€.
μΌλ¨ μ ν리μΌμ΄μ
μ λ§λλ μͺ½μμλ λμΌν κΈ°μ μ€νμ μ¬μ©νκ³ μμ΄μ peerDependencies
λ‘ μ€μ ν΄μ μ¬μ©νλμͺ½μμ emotionμΌλ‘ λ λλ§νκ²λ μ¬μ©μ±μ μ‘κ³ νλ‘μ νΈλ₯Ό μμνμμ΅λλ€.
κ·Έλμ! μλμ κ°μ λ¬Έμ ?κ° μμ΅λλ€. μ¬μ©νλ μͺ½μμλ emotion
babel
twin.macro
μ€μ μ ν΄μΌνλ€.
λ€μ νΌμ³λ‘ μ λ¬Έμ λ€μ ν΄κ²°νλ λ°©λ²μΌλ‘ μ¬μ€κ³λ₯Ό νλ €νμμ§λ§ @minsoo-web μ λ΄νμ¬ κ°λ°ν΄μ£Όμ€κ±°λΌμ
ds-react-components
λ tf-o-template-ds
λ‘ λ³κ²½ν©λλ€.
λμΌ κΈ°λ₯μ λμμΈμμ€ν μ»΄ν¬λνΈκ° μμ±λλ©΄ λ§μ΄κ·Έλ μ΄μ μ νλ λ°©ν₯μΌλ‘ κ°κ² μ΅λλ€.
development
.env
μΆκ°νκΈ°
npm install
npm rnu dev
spec
- npm μλλ°°ν¬
- changeset