π νκ³
- μ€λμ μ¨μ’ μΌ HTML/CSSλ₯Ό μ¬μ©ν΄μ μ½λ©νλλ° μ¬νκΉμ§ λ무 μ§μλ§ μλ 곡λΆλ₯Ό ν΄μ κ·Έλ°κ° μ€μ€λ‘ μκ°νκ³ μ μ λλ‘ λ°λλ νλ©΄μ΄ μ¬λ―Έμλ€? 무μ§μ±μΌλ‘ λ³΄κ³ λ°λΌ μΉλ κ²μ΄ μλ κ°μμμ νλμ ꡬνμ ν λλ§λ€ νΌμ λ¨Όμ μλν΄λ³΄κ³ λνκ³ λ€λ₯΄κ² μ΄λ»κ² νμμ§ λΉκ΅ν΄ 보면μ λ¨Όμ λ§λλ λ₯λμ νμ΅λ μ¬λ―Έμ ν΅μ¬μ΄μλ κ² κ°λ€. ν΄λ‘ μ½λ© κ°μκ° μΌλΆ λν μΌν λΆλΆμ μ€λͺ νμ§ μμμ μ¬μ μ§μμ΄ μλ μνλ‘ κ³΅λΆνλ©΄ μ’μ κ² κ°μ§λ μμ§λ§ λ€ννλ FLEX BOXμ CSS μ νμ μ°μ΅μ ν΄λμ΄μ μ¬λ―Έμκ² μ½λ©ν μ μμλ€. μμΌλ‘ 무μΈκ° λ§λ€λ©΄μ λ§νλ λΆλΆμ μ°μ΅μ¬μ΄νΈλ₯Ό μ°Ύμμ μλ¬νλ κ²μ΄ μ’μ λ―νλ€.
- ν΄λ‘ μ½λ© κ°μκ° μ§λ£¨ν λ μκ³ λ¦¬μ¦ νμ΄λ₯Ό νλ €κ³ μμμΈλ‘ μ§λ£¨νμ§ μμμ νλ£¨κ° λλ λμ―€μμΌ μκ² λμλ€… μ΄μ κΉμ§λ ν΄λ‘ μ½λ© κ°μμμ νμν μ΄λ‘ μ μΆκ°λ‘ λ°°μ κΈ° λλ¬Έμ μ§λ£¨νλ κ² κ°λ€. λ§€μΌ μκ³ λ¦¬μ¦ νμ΄λ₯Ό λμΉμ§ μκ³ μ΅κ΄ννκΈ° μν΄μ λ§μ§λ Έμ μκ°λλ₯Ό μ ν΄ λμ΄μΌκ² λ€.
- μλ‘μ΄ κ°λ μ λ°°μ°λ κ²μ΄ μλλΌ μν λ¬Έμ νλ―μ΄ λ¬Έμ λ₯Ό ν΄κ²°νλ κ³Όμ μ΄μ΄μ κ·Έλ°μ§ μ€λμ λΉκ΅μ λͺ°μ νλ μκ°μ΄ κΈΈμλ€.
π»μ€λ ν μΌ
- [λ Έλ§λ μ½λ | μ½μ½μν‘ ν΄λ‘ μ½λ©] λ°°μ λ³΅μ΅ λ° ν΄λ‘ μ½λ© Elapsed Time: 10h 55min
- μ£Όκ°νκ³ λ° κ³ν Elapsed Time: 2h 05min
- νμ΅ μ΄μΈμ μ¬μ©λ κ°λ° κ΄λ ¨ μκ° Elapsed Time: 1h 50min
'TIL' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
20220601 TIL (0) | 2022.06.02 |
---|---|
20220531 div μ§μ₯ (0) | 2022.05.31 |
20220529 μ§μμ μΈ κ°κ΄ν(νμ΅) (0) | 2022.05.30 |
20220528 νμ΅λ² μ κ·Έλ μ΄λ (0) | 2022.05.29 |
20220527 λ€μν μλ (0) | 2022.05.28 |
λκΈ