1
[python] replit 1-22
2
session <νλ‘ νΈμλ κ°λ°μκ° νλ μΌ>
3
[html/css] replit wrap-up
νμ΄μ¬ κΈ°λ³Έμ§μλ€μ μ λΆ μ 리νκΈ΄ μ΄λ €μΈ κ² κ°μμ μ μΌ ν·κ°λ¦¬κ³ μ΅μμΉ μμ κ°λ μ μ 리ν΄λ³΄μλ€.
π 14. checkpoint : f-strings?
νλ‘ νΈμλ κ°λ°μμ λν΄ νν κ°κ³ μλ μ€ν΄, νλ‘ νΈμλ κ°λ°μκ° νλ μ 무μ λν΄ μλ €μ£Όμ ¨λ€. κ²μΌλ‘ 보μ΄λ μ 무λ μ¬μ©νλ μΈμ΄λ₯Ό λ³΄κ³ νλ‘ νΈ, λ°±μ κ²°μ νκΈ° 보λ€λ μμ μ μ±ν₯μ λ§μΆ° μ μ€ν κ³ λ₯΄λ μΆ©κ³ λ₯Ό ν΄μ£Όμ ¨λλ° μ¬μ€ νλ‘ νΈλ λ°±λ μ λͺ¨λ₯΄κ² μ΄μ κ°ν‘μ§ν‘ν μνλ€. μΌλ¨ λ°±μΌλ‘ κ°λ€.
width:100%
μ κ°μ λΆμ¬νμ§ μμλ κΈ°λ³Έ κ°μ΄λ―λ‘ μ€λ³΅λ μ½λλ μ΅λν μ§μνκΈ°.naming-convention
μ ν΅μΌνλ€.box-sizing:border-box
λ μμμ width, heightλ‘ μ€μ ν κ°μ border
, margin
, padding
κ°μ΄ ν¬ν¨λκ² νλ€.* {
box-sizing : border-box;
margin : 0;
padding : 0;
}
float
λ μ μ§λ³΄μκ° μ΄λ €μ λ§μ΄ μ¬μ©νμ§ μλλ€. λμ flex
λ₯Ό λ§μ΄ μ¬μ©νλ€. flex:value
λ‘ νμ νκ·ΈλΌλ¦¬μ λΉμ¨μ μ‘°μ ν μ μλ€. (!)π
top
,left
,transform
μ¬μ©νκΈ°div { top : 50%; left : 50%; transform : translate(-50%, -50%); }
ν΄λμ€λͺ
μ λμ΄μ°κΈ°λ₯Ό κΈ°μ€μΌλ‘ ꡬλΆνλ€.
μμ κ°μ htmlλ¬Έμμ ν΄λμ€λͺ
μ κ²½μ°μ .fas
λ‘ λͺ¨λ iνκ·Έλ₯Ό μ§μ ν μ μλ€.
flex
grid