HTMLκ³Ό CSSλ₯Ό μ λ€λ£¬λ€κ³ μκ°νλλ° μ‘°κ±΄μ΄ λΆμΌλ μκ°λ³΄λ€ μ΄λ €μ λ€.
κΈΈκ² μ½λλ₯Ό μ³λ³Έ κ²μ΄ μ²μμ΄κ³ , 쑰건μ λ§μΆ° μμ±νλ€ λ³΄λ μμ±ν λΆλΆμ΄ κΌ¬μ¬μ λ΄ μκ°λλ‘ λμ§ μμλ€.
λ΄ λ§μλλ‘ μμ±νκ² λλ©΄ λΆλͺ μ€λ¬΄μμλ λ¬Έμ κ° λ§μ΄ λ°μν κ²μ΄λ μ‘°κΈ λ κΉκ² μκ°ν΄μ μμ±νμ¬μΌκ² λ€.
- (HTML) λΆλͺ¨ μμ κ΄κ³μ λν΄ μ‘°κΈ λ 곡λΆν΄μΌκ² λ€.
- μμλ₯Ό μ€μ²©ν΄μ μκ² λλ©΄ λ§μ΄ ν·κ°λ¦°λ€.
- (CSS) 그리λ
- 그리λλ₯Ό μ¬μ©ν λ, κ°λ μμ μ½νλ€ λ³΄λ μ¬μ©μ νμ§λ§ λ΄ μκ°λλ‘ μ λ λκ° μμλ€.
- (CSS) background-image
- background-imageλ₯Ό μ¬μ©ν΄μ λ²νΌμ λ§λ€ λ μμΉλ₯Ό μ‘λ λΆλΆμ΄ μ΄λ €μ λ€.
κ·Έ μ΄μ λ λ²νΌ μμμλ μμμ μμΉ, κ°κ²©μ μ λΆ κ³ λ €ν΄μ λ§λ€μ΄μΌ νκΈ° λλ¬Έμ΄λ€.
- ν΄λ‘ μ½λ©(νλ‘μ νΈ)μ΄ νμ€ν λμμ΄ λ§μ΄ λμλ€.
- λ΄ μ€νμΌμ μ½λκ° μλ λ€λ₯Έ μ¬λμ΄ μΉλ μ½λλ₯Ό 보며, 'μ μ΄λ κ²λ μμ±ν μ μꡬλ' μκ°νλ©° λ κ°κ²°νκ³ νΈνκ² μμ±ν μ μλ λ°©λ²μ μκ² λμλ€.
- μ½λ©μ ν₯λ―Έλ₯Ό λΆμΌ μ μλ€.
- λ΄κ° λͺ°λλ λΆλΆμ λν΄ μ§μ μμ±νλ©° μ΅ν μ μλ€.
- μ΄λ κ² μμ±νλ μ΄μ μ λν΄ μμΈν μ€λͺ μ ν΄μ€λ€.
- μκ³ μλ λΆλΆμ΄λΌκ³ μνν 곡λΆν κ²μ΄ μλλΌ, λ€μ νλ² κ°μλ₯Ό 보며 μ΅νκ³ μ€μ΅νλ€.
- λͺ¨λ₯΄λ λΆλΆμ΄ μμΌλ©΄ λ€λ₯Έ ννμ΄μ§μ λ€μ΄κ°μ μ½λλ₯Ό λ―μ΄λ³΄λ©΄μ μκ°ν λ€ μμ±νλ€.
- js μ½λλ₯Ό μμ£Ό 보며 μμ°μ€λ½κ² ν΄μν μ μλλ‘ μ½λλ₯Ό λμ μ΅νλ€.
- λ³΄κ³ μ λλ‘ μ΅νμ§ λͺ»ν λΆλΆμ μ΄ν΄ν λκΉμ§ κ²μν΄μ μ΅νλ€.
- μ μ μμ±ν μ½λλ₯Ό λ€μ νλ² λ³΄κ³ , μ κ·Έλ κ² μμ±νλμ§ μκ°ν΄λ³Έλ€.
- todo-listλ₯Ό μ λ μνν νμ§ μλλ€.(λΉμΌ todoλ 무쑰건 λ¬μ±νκΈ°)
- κ°λμ 머리λ₯Ό μνλ©°, μ¬μ λ‘κ² κ³΅λΆνλ€.
- νλλ₯Ό λ°°μ°λ©΄ μκΈ° μ μ λ°λ‘ λΈλ‘κ·Έμ μμ½ μ 리νλ€. (μ 리νλ©° λ€μ μκ°ν΄λ³΄κΈ°)