π₯ HTML
π address νκ·Έ
- footer μμμ μ°λ½μ² λ§ν¬μ
μ μ¬μ© (λ³Έλ¬Έ x)
π a νκ·Έ href
- mailto:email νλ‘ν μ½μ μ΄μ©ν΄ λ©μΌ νλ‘κ·Έλ¨ μ€νν΄μ€λ€.
- tel:010-1111-1111 (λͺ¨λ°μΌ) μ ν μ°κ²°
<meta name="viewport" content="width=device-width, initial-scale=1" />
- μ½ν
νΈμ λ€μ΄κ° μ μλ λ€λ₯Έ μμ± κ°μ΄ λκ° μλμ§ μ°Ύμ보기
π₯ CSS
π will-change μμ±
- 미리 λ³νλ₯Ό μλ €μ£Όμ΄ κ³μ°νκΈ° μ©μ΄νκ² ν΄μ€. ( μ±λ₯ κ°μ )
π grid λ μ΄μμ
π font-variant: small-caps
- μλ¬Έμ ν¬κΈ°λ₯Ό μ μ§νλ©΄μ λλ¬Έμλ‘ λ³νν΄μ€λ€.
π git (μ μ₯μ .git μμ΄ ν΄λ‘ ν΄μ€κΈ°)
- degit μμ΄λ/μλ³Έμ μ₯μ 볡μ¬λλ ν 리μ΄λ¦ (λΌμ΄λΈλ¬λ¦¬ μμΌλ©΄ npx μΌνμ± λΆμ¬μ)
π CSS λ΄λΆ import
- λ λλ§ μ±λ₯μ μν₯μ μ£Όλ―λ‘ μ¬μ©νμ§ μλ κ²μ΄ μ’μ.
π λ³μ μ μΈ λ°©λ²
:root {
--λ³μμ΄λ¦: κ°;
--μ¬ν λΉ λ³μ: var(--λ³μμ΄λ¦);
}
- κΈ°λ³Έ κ°λ€μ λ³μλ‘ μ μ ν μ¬ν λΉ λ³μλ₯Ό μ¬μ©νμ¬ λ³΄μμ±μ λμΌ μ μλ€.
π λ°μνμ img μ²λ¦¬
- μ λμ μΈ μ΄λ―Έμ§λ μ½ν
μΈ , κ³ μ μ λ°°κ²½μΌλ‘ μ²λ¦¬νλ κ²μ΄ μ’μ
π₯ ν
π νλ‘ νΈμλ κ°λ°μλ μ±λ₯ κ³ λ €κ° μ€μνλ€