π 2019.07.08 ~ 2019.07.14
π λΈλ‘κ·Έ
- μ°μννμ λ€μ 5λ
κ° λ€λμλ©΄μ λ°°μ΄μ λ€μ μ 리ν κΈ.
- λΉμ¦λμ€, μ₯μ , κΈ°μ λΆμ±, κ°λ°λ¬Ένμ λν΄ μ΄μΌκΈ°νλ€.
- 짧μ κΈμ λͺ¨λ κ±Έ λ΄μ μ μκ² μ§λ§, ννΈμΌλ‘λ 5λ
μ΄λΌλ κΈ΄μκ°μ 짧μ κΈμ λ΄μλκΈ° λλ¬Έμ λ μ§μ μ±κ³Ό κΉμ΄κ° λκ»΄μ§κΈ°λ νλ€.
- νμ μΉ κ΄λ ¨ μμ§μ κΈμ΄ μ¬λΌμ€λ NTS Blog. CSS Containment Moduleμ λν΄ μ€λͺ
νλ€.
- CSSμ
contain
μ΄λΌλ μμ±μΌλ‘ μ¬μ©νλλ° μ΄λ° μμ±μ΄ μλμ§λ μ²μ μμλ€.
- μ΅μ νμ μ°μ΄λ μμ±μ΄λΌκ³ μ€λͺ
λμ΄μλλ°,
contain: paint
κ°μ μμ±μ μ±λ₯ μΈμ κ·Έλ₯ μ¬μ©ν΄λ μ μ©ν΄λ³΄μΈλ€.
- κ΅λ΄ μ€ννΈμ
κΈ°μ
κ°μΉ Top 10 νμ¬λ₯Ό νλνλ μμΈνκ² λΆμν΄λμ κΈ.
- λΉμ¦λμ€λ μ λͺ¨λ₯΄μ§λ§ μΌλ°μΈλ μ λ§ μ½κ² μ΄ν΄ν μ μκ² μ½κ³ μμΈν λΆμν΄λμ μ¬λ°κ² μ½μ μ μμλ€.
- ν° κ³΅ν΅μ μ λͺ¨λ κ°λ°λ¬Ένλ₯Ό μ€μμνλ ITνμ¬λΌλ κ².
π° λ΄μ€
- μμ£Όλ μλμ§λ§ κ°λ νλ€λ₯Ό μ΄μ©νλ κ°μΈμ μΈ μλΉμμ
μ₯μμλ μ‘°κΈ μνκΉμ΄ κΈ°μ¬.
- μΉ΄μΉ΄μ€νμ΄μ μ±μ€ν μ΄ κ²°μ μλΉμ€κ° μκ²Όλ€. DCC(ν΄μΈμνκ²°μ )λ μμλ£κ° μλ€κ³ νλ€.
- ꡬλ
νκ³ μλ μ ν μ±, μλΉμ€κ° λͺ κ°μμ΄μ λ°λ‘ λ±λ‘νλ€.
πΉ μμ
- μ NTS λΈλ‘κ·Έ κΈμμ μκ°ν CSS Containment Moduleκ³Ό κ΄λ ¨λ CSSCONF EU 2019 μμ.
- κ±°μ λΉμ·ν λ΄μ©μΌλ‘ λ°ννλ€.
- Stripeμ UI Designerκ° 2018λ
μμ€ν
λ₯΄λ΄ CSS dayμμν λ°νμμ.
- UXμ λν΄ Design, Development λ κ°μ§ κ΄μ μμ μ΄μΌκΈ°νλ€.
- Stripeλ ννμ΄μ§λ§ λ€μ΄κ°λ΄λ μ λ§ UX/UIλ₯Ό μλ§λ λ€κ³ μκ°λλλ°, UX, Motion, Interactionμ κ΄μ¬μ΄ λ§λ€λ©΄ μ λ§ μΆμ²νλ μμ.
π» μ€νμμ€
- framerμμ motionμ΄λΌλ React μ λλ©μ΄μ
λΌμ΄λΈλ¬λ¦¬λ₯Ό 곡κ°νλ€.
- react-spring, react-motion, pose λ± μ λλ©μ΄μ
λΌμ΄λΈλ¬λ¦¬κ° μ λ§ λ§μλ°, GameChangerκ° λ μ μμκΉ.
π κ·Έ μΈ μ μ©ν λ§ν¬
- λΈλ‘ Drag & Drop λ°©μ λλ©νμ΄μ§ λΉλ. 7μ 1μΌ ProductHunt 1μμ μ¬λλ€.
- μΉ κ°λ°μ νλ μ
μ₯μμ μ΄λ° GUI Drag & Drop λ°©μμ μΉμ¬μ΄νΈ λΉλλ λ³λ‘ λ¬κ°μ§ μμ§λ§, μ΄κ±΄ μ§κΈκΉμ§ λ΄€λ νμ΄μ§λΉλ μ€μ μ μΌ μΈλ§νλ€.
- κ°λ¨ν λλ©νμ΄μ§λ 1λΆμ΄λ©΄ νμκ°μ
λ νμμμ΄ λ°°ν¬λ web previewκΉμ§ νμΈκ°λ₯νλ€. ν΄μ»€ν€ λ±μμ μ¨λ¨Ήμ΄λ μ μ©ν΄λ³΄μΈλ€.
- μ°λ² λ°μ΄ν°νμμ λ§λ location data μκ°ν & λΆμν΄.
- μ¬μ΄νΈ μλμͺ½μ μ μ λ€μ΄ μκ°νν΄λμ Demo νμ΄μ§λ§ λ€μ΄κ°λ΄λ μμ²λλ€.
- λμμ΄λλ₯Ό μν μν μμνμ΄μ§ ν¬λ‘¬ μ΅μ€ν
μ
.
- μμ μ μ¬μ΄λνλ‘μ νΈλ₯Ό μκ°νλ λͺ¨λμ TOY STORYλΌλ νμ¬μμ μ€νννλμ νλλ°, μ¬κΈ°μ λλλΌλ μ¬μ΄λνλ‘μ νΈλ₯Ό μκ²λμλ€.
- μμ
μ© λ¬΄λ£νκΈν°νΈλ₯Ό λͺ¨μμ 보μ¬μ£Όλ μ¬μ΄νΈ.
- νμ νκΈν°νΈλ₯Ό μ λͺ»κ³¨λΌμ κ³ λ―Όνμλλ°, μ μ©νκ² μ¬μ©ν μ μμ κ² κ°λ€.
- ν κ°μ§ μμ¬μ΄ μ μ ꡬκΈν°νΈμ²λΌ μ¬μ΄νΈλ₯Ό λ λμ§ μκ³ λ°λ‘ λ€μ΄λ°μ μ μμΌλ©΄ μ’μ κ² κ°μλ° ν΄λΉ ν°νΈκ³΅μμ¬μ΄νΈλ‘ λ§ν¬λ§ κ±Έλ €μλ€.
μ μ©ν μλ£ μ¬λ €μ£Όμ μ κ°μ¬ν©λλ€!!
리μ‘νΈ μ λλ©μ΄μ μ μμ§ μ¬μ©ν΄λ³΄μ§μμλλ° νλ² μλν΄λ΄μΌκ² λ€μ!