κΈ°λ₯ μμ²μ΄ λ¬Έμ λλ μ¬μ© μ¬λ‘μ κ΄λ ¨λμ΄ μμ΅λκΉ?
Infor WFM νμ κ΅λ μμ² κΈ°λ³Έ μ€μ μ μλ‘μ΄ κΈ°λ₯μ μμ μ€μ΄λ©° μ§μμ μ¬μ©μ μΈ‘μ ν΅ν΄ κ°μΈ κΈ°λ³Έ μ€μ μ λ³΄λΌ μ μμΌλ©° μ€μΌμ€λ¬λ μΉ μ±μμ λͺ¨λ μμ²μ νμΈνκ³ κ·Έμ λ°λΌ κ΅λλ₯Ό ν λΉν©λλ€. κ΅λμ‘° μνλ₯Ό λνλ΄κΈ° μν΄ μ μ¬νμ§λ§ μ½κ° λ€λ₯Έ 6κ°μ μμ΄μ½ νμκΈ°κ° νμν©λλ€. 1. μμ μμ² 2. μμ μμ² μλ 3. μμ μμ² μΉμΈ 4. μμ μμ² κ±°λΆ 5. μμ μμ² μμ μΉμΈ 6. μμ μμ² μμ κ±°λΆ. μμ΄μ½ ν¬κΈ°λ μ΅μ 15(H) * 37(W) pxμ 곡κ°μ λ§μμΌ ν©λλ€. λ κ·€λ¬ μ¬μ΄μ¦λ μννΈ μΉ΄λμ νμ€νλ 32/24/16μ΄ λ κ²μ λλ€.
μνλ μ루μ
μ€λͺ
μ΄ 6κ°μ§ μνμ λν 6κ°μ§ μ μ¬νμ§λ§ μ½κ° λ€λ₯Έ μμ΄μ½ νμκΈ°.
κ³ λ €ν λμμ κΈ°μ νμμμ€
λ°°κ²½μμ΄ λ€λ₯Έ μμ΄μ½, μ μ½ μ‘°κ±΄: μ΄λ ν¨λμ κΈ°μ‘΄ μμμ΄ μμ΄ νΌλνκΈ° μ½κ³ μ½κΈ° μ΄λ ΅μ΅λλ€.
μΆκ° 컨ν
μ€νΈ
μ λ Chloe Chenμ΄κ³ λμμΈ λΆλΆμ λκ³ μμ΅λλ€. μ΄λ»κ² νμ
ν μ μλμ§ λλ Figma νμΌμ΄ νμνμ§ μλ €μ£Όμμμ€.
μ§λ¬Έμ΄ μμΌμλ©΄ μΈμ λ μ§ μ μκ² μ°λ½μ£Όμμμ€: chloe. [email protected]
μ΄κ²μ μ€νλ¦°νΈ κ³νμμ λ Όμν κ²μ λλ€. νμ¬ μ€μΌμΉμ μμ΄μ½μ΄ νμνμ§λ§ λκ΅°κ°κ° μ§κΈ μμ μ€μ λλ€. λ°λΌμ λμ€μ κ°λ₯νλ©΄ μΆκ°ν μ μμ΅λλ€. 곧 λͺ κ°μ§ μΈλΆ μ¬νμ μ 곡 ν κ²μ λλ€
κ°μ¬ν©λλ€. κ°μ₯ μμ μμ΄μ½ ν¬κΈ°(15 * 37ν½μ μ λ΄)μ λν κ°λ μ±κ³Ό κ°μμ±μ κ³ λ €νμμμ€.
Figma νμΌμ λ³΄κ³ λ³΅μ¬νμ¬ λΈλΌμ°μ μ λΆμ¬λ£μΌμμμ€ https://www.fiigma.com/file/9EVrLj3TM13Mxclqgq1MYC/Schedule-Request?node-id=0%3A1
'μμ΄μ½ νμκΈ°' μΈμ
μ μ°Έμ‘°νμμμ€.
κ°μ¬ν©λλ€
μλ νμΈμ @InforChloeChen ! μ΄ μμ΄μ½μ μΆκ°νλ©΄ λ€λ₯Έ λͺ¨λ Infor νμμ μ¬μ©ν μ μμΌλ―λ‘ μ΄ μμ΄μ½μ΄ κ°μΉκ° μλμ§ νλ¨νκΈ° μν΄ μ μν μ νκ³ μΆμ΅λλ€(κ·Έλμ μ΄λ €μ΄ κ°μ μ μμ). UIμμ μμ΄μ½μ νμμ±μ λν΄ μ΄μΌκΈ°ν μ μμ΅λκΉ? μ΄λ¬ν μμ΄μ½μ΄ ν μ€νΈμ ν¨κ» νμλμ§ μμΌλ©΄ νΌλμ€λ½κ±°λ μλ―Έλ₯Ό λͺ ννκ² μ λ¬νμ§ λͺ»ν μ μλ€λ μ μ κ³ λ €νλ κ²μ΄ μ€μν©λλ€. λͺ κ°μ§ μ§λ¬Έμ λ΅ν΄ μ£Όμκ² μ΅λκΉ?
λμ λ λ€λ₯Έ κ΄μ¬μ¬λ μνλ‘ μμμ μ¬μ©νλ κ²μ λλ€. μ‘μΈμ€ν μ μμ΅λλ€. λν κΈ°λ³Έ 3κ°μ§ ν¬κΈ°λ‘ κ²°μ νμ΅λλ€.
λν: 24,
μ μ: 18,
μμ: 10
μ λ§ μμ κ²λ€μ κ±°μ λ΄κ° 보기μ λ무 μμμ
μλ
νμΈμ, @kevinwhitedesign , ν΄λΉ μμ΄μ½μ΄ λ§λ κ²½μ° λ€λ₯Έ μμμμ μ¬μ¬μ©ν μ μλλ‘ νλ κ²μ΄ μ’μ΅λλ€. μ΄ μμ΄μ½μ μ§μμ κ°μΈ μμ² μνλ₯Ό λνλ
λλ€. μ€μΌμ€λ¬μ κ΄λ¦¬μλ§ μ΄ λͺ¨λ μμ΄μ½ νμκΈ°λ₯Ό λ³Ό μ μμ΅λλ€( 6κ°μ λ€λ₯Έ μν). μ€μΌμ€λ¬κ° μμ²μ λ³Ό μ μκ³ κ΅λ 근무 μ
μ λ§μ°μ€λ₯Ό μ¬λ¦¬λ©΄ λ ν° μμ΄μ½κ³Ό κ΅λ μ λ³΄κ° λ³΄μ‘° μ 보 μ 곡μλ‘ νμ
μ νμλ©λλ€. μ¬μ©μ νλ¦μ λν μμΈν λ΄μ©μ νμκΈ° λμμΈ μΈμ
μ μ°Έμ‘°νμμμ€.
Figma νμΌ https://www.fiigma.com/file/9EVrLj3TM13Mxclqgq1MYC/Schedule-Request?node-id=0%3A1
Btw, μμ΄μ½μ κ°μ₯ μμ ν¬κΈ°λ 12 λλ 14px(μ νΈ)μΌ μ μμ΅λλ€.
κ°μ¬ν©λλ€
@InforChloeChen μ - μμ νλ κ°λ°μκ° IDSλ₯Ό ν΅ν΄ μμ΄μ½μ μ‘μΈμ€ν©λκΉ? μλλ©΄ μ체 λ 립ν λΌμ΄λΈλ¬λ¦¬κ° μμ΅λκΉ? μ΄κ²μ΄ νμμ λ΄λΆμ μΌλ‘ μ¬μ©ν μμ΄μ½μΈ κ²½μ° ν¬κΈ°λ₯Ό μ μ©ν μ μμ§λ§ Timμ΄ μΈκΈν 10, 18 λ° 24 μμ΄μ½ ν¬κΈ°λ₯Ό κΆμ₯ν©λλ€.
μ, μ΄κ²λ€μ μ½κ° ꡬ체μ μΈ κ²μ²λΌ 보μ΄μ§λ§ https://master-enterprise.demo.design.infor.com/components/alerts/example-index.html?theme=uplift&variant μμ 미리 λ³Ό μ μλ μνμ μ μ¬ν μμ΄μ½μ΄ λ μμ΅λλ€.
κ·Έ λ€λ₯Έ λλ΅μ μ’κ² λ€λ¦½λλ€! @laurensteiger + @elizabethhartley μ κ°λ¨ν λ§λμ κ±°κΈ°μλΆν° κ°κ² μ΅λλ€.
μ§λμ£Όμ λ§λμ£Όμ μ κ°μ¬ν©λλ€. μνμ λν΄ λ Όμν ν κΈ°μ‘΄ μμ΄μ½μ 첨λΆν μνλ‘ μ§ννκ² μ΅λλ€. κ·Έλ¬λ λΌμ΄λΈλ¬λ¦¬μ μλ 첫 λ²μ§Έ μμ΄μ½μ λΌμ΄λΈλ¬λ¦¬μ μΆκ°νλ λ° λμμ΄ νμν μ μμ΅λλ€. λ λ²μ§Έ μμ΄μ½ - Not work request(λ©λͺ¨ μ€κ°μ μμ νμ)κ° μμ§λ§ νμΈ νμλ₯Ό μ°Ύμ§ λͺ»νμ΅λλ€. μ΄ Figma νμΌμ ν΅ν΄ μ λ°μ΄νΈλ μμ΄μ½μ νμΈνμμμ€: https://www.fiigma.com/file/9EVrLj3TM13Mxclqgq1MYC/Schedule-Request?node-id=0%3A1
μ΄ μ μλ κ²½μ° μλ €μ£ΌμΈμ.
κ°μ¬ ν΄μ
λ€μ λμκ°μ WFMμ© κΈ°μ‘΄ IDS μμ΄μ½μ κ°μ₯ μ νμ©ν μ μλ λ°©λ²μ μ°Ύμμ£Όμ
μ κ°μ¬ν©λλ€! μ΄ μμ΄μ½μ΄ WFM μΈλΆμμλ μΌλ§λ κ°μΉκ° μλμ§ μ μ μμ΅λλ€. μ¬κΈ° μ°λ¦¬κ° μλ κ³³μ΄ μμΌλ©° 곧 IDSμ μ
λ‘λν μμ μ
λλ€.
@kevinwhitedesign μ κ°μ¬λ립λλ€. PRμ μΆκ°νλ©΄ μ μκ² μλ €μ£Όκ³ (λλ μ λͺ» 보λλΌλ) νμΈνμμμ€...
@tmcconechy μμ κ΅μ₯ν©λλ€. @laurensteigerμ PRμ μ΄ν΄λ³΄μΈμ. μ΄ μμ΄μ½μ μ΄λ€ 릴리μ€μμ μ¬μ©ν μ μμ κ² κ°μ΅λκΉ?
μμΌλ‘ 2μ£Ό μμ λμ¨λ€λ©΄ 4.38μ μμν λ°...
ν 리νμ€νΈ
https://github.com/infor-design/design-system/pull/459
μ΄μ λ¬Έμ κ° ν΄κ²°λμμ΅λλ€.
λμ λ λ€λ₯Έ κ΄μ¬μ¬λ μνλ‘ μμμ μ¬μ©νλ κ²μ λλ€. μ‘μΈμ€ν μ μμ΅λλ€. λν κΈ°λ³Έ 3κ°μ§ ν¬κΈ°λ‘ κ²°μ νμ΅λλ€.
λν: 24,
μ μ: 18,
μμ: 10μ λ§ μμ κ²λ€μ κ±°μ λ΄κ° 보기μ λ무 μμμ
μ£μ‘ν©λλ€. ν κ°μ§ λ μ§λ¬Έμ λλ€. Timeμμ μμ΄μ½ ν¬κΈ°κ° 24, 18, 10ν½μ μ΄λΌκ³ μΈκΈνμ΅λλ€. κ³΅κ° μ νμΌλ‘ μΈν΄ μ°λ¦¬λ μ¬μ ν μ΄ ν¬κΈ° κ°μ΄λλ₯Ό λ°λ₯΄κ³ μλ€κ³ μκ°ν©λλ€. λ§λμ?
@InforChloeChen μ΅μ λμμΈ μμ€ν μμ΄μ½ νμΌμ νμΈνλλ° λ μΉμΈ μμ΄μ½μ΄ λͺ¨λ 18px ν¬κΈ°λ‘ μ€μ λμ΄ μμ΅λλ€. @tmcconechy λΆλͺ ν Chloe νμ κ°λ°μλ μμ΄μ½μ μ‘μΈμ€ν μ μμ΅λλ€. μμ μμ΄μ½μ΄ 보μ΄λμ?
μ https://master-enterprise.demo.design.infor.com/components/icons/example-index.html μμ λ³΄κ³ μμ΅λλ€.
μ‘μΈμ€νλ €κ³ ν λ μ΄λλ₯Ό λ³΄κ³ μμ΅λκΉ? μ¬μ© μ€μΈ IDS λ²μ μ νμΈνμκ² μ΅λκΉ? κ·Έλ¦¬κ³ μ΅μ λ²μ μΈμ§ νμΈνμμμ€.
@InforChloeChen Timμ IDS νκ²½μμ μ΄λ₯Ό λλ΄κ³ μμ΅λλ€. κ°λ°μμκ² νμΈνμκ² μ΅λκΉ?
κ°μ₯ μ μ©ν λκΈ
λ€μ λμκ°μ WFMμ© κΈ°μ‘΄ IDS μμ΄μ½μ κ°μ₯ μ νμ©ν μ μλ λ°©λ²μ μ°Ύμμ£Όμ μ κ°μ¬ν©λλ€! μ΄ μμ΄μ½μ΄ WFM μΈλΆμμλ μΌλ§λ κ°μΉκ° μλμ§ μ μ μμ΅λλ€. μ¬κΈ° μ°λ¦¬κ° μλ κ³³μ΄ μμΌλ©° 곧 IDSμ μ λ‘λν μμ μ λλ€.