μ€λμ μ½λμ€ν μ΄μΈ ν리 μ½μ€ 14μΌμ°¨
TDD μ 리 μλ£
Mocha, chai μ΄μ©ν΄μ ν μ€νΈ λ§λ€κΈ° μ±κ³΅.μμ νμ κ³Ό μ°Έμ‘° νμ μ μ°¨μ΄μ λν΄μ μλ²½ν μ€λͺ μ΄ κ°λ₯νλ€.
(μ¬μ€ μ΄ λΆλΆμ μ€ν°λλ νν°λ§μμ λ무 λ§μ΄ μ€λͺ ν΄λ΄μ λ κ°κ³ λ μ€λͺ μ΄ κ°λ₯...)
κ·Έλλ μ€μν λΆλΆμ΄λ νμ μκΈ°μν€μ.!μ€λλ νμ΄ νλ‘κ·Έλλ°μ΄ νλ λλ¬λλ° μ¬μ€ μ΄λ² νμ΄ νλ‘κ·Έλλ°μ λκ° μ’ μμ¬μ λ€.
μ£Όμ μ λΉν΄ μκ°μ΄ λ무 κΈΈμλ€λ λλμ΄ κ°ν...λͺμΌ μ μ μ°μ°ν w3school μ¬μ΄νΈλ₯Ό 보λλ° λͺ¨λ₯΄λ css μ νμλ μ€λλ§μ 보λ ν·κ°λ¦¬λ μ νμκ° μλλΌ..
cssλ₯Ό λ무 μ€λλ§μ μ°λ€λ³΄λ μνκ° λ§μ΄ μλλ€.μλͺ© μνκ° μ’μμ‘μΌλ©΄ μ’κ² λ€... μλ£κ΅¬μ‘° μκ³ λ¦¬μ¦ μ± μ΄λ 보λ€κ° μμΌκ² λ€.
νμ μ μ°¨μ΄λ κ°λ¨νλ€. μ€μ§μ μΌλ‘ λ³μκ° μ΄λ€ κ°μ κ°μ§κ³ μλμ§ μ΄ν΄νλκ² μ€μνλ€.
const a = 1;
const obj = {a:1,b:2};
obj.a = 4; // -> obj = {a:4,b:2}
a = 10 /// -> Error
μ¬κΈ°μ aκ° μ€μ§μ μΌλ‘ κ°κ³ μλ κ°μ 1 κ·Έ μ체
objκ° μ€μ§μ μΌλ‘ κ°κ³ μλ κ°μ a:1, b:2κ° λ€μ΄μλ λ©λͺ¨λ¦¬μ μ£Όμ κ°
λ°λΌμ const ν€μλλ₯Ό μ¬μ©νλ©΄ κ°μ λ³κ²½ν μκ° μμ§λ§
κ°μ²΄ νλ‘νΌν°λ₯Ό μΆκ°νκ±°λ μμ νλ κ²μ μ£Όμκ°μ μμ νλκ² μλλΌ λ³κ²½μ΄ κ°λ₯νλ€.
+ selector
+ μ νμλ μμ μμ λ°λ‘ λ€μ μμΉνλ μμμ μ€νμΌμ μ μ©ν λ μ¬μ©νλ©΄ μ’λ€.
~ selector
~ μ νμλ μμ μμ λ€μμ λμ€λ νΉμ μμλ€μ λͺ¨λμκ² μ€νμΌμ μ μ©ν μ μλ€.
[attribute = value] selector
[] μ νμλ μμμ μμ±κ³Ό κ°μ μ΄μ©ν΄ μ€νμΌμ μ μ©ν μ μλ€.
nth-of-type(n) selector
nth-of-type(n) μ νμλ νκ·Έ νμ
μ nλ²μ§Έ μμμ μ€νμΌμ μ μ©ν μ μλ€.