WeWork μλ©΄μ μΌλ‘ μΆκ·Ό(?)
첫 μ°¨κ° λ§€μ§μΈ κ΄κ³λ‘ λΆλμ΄νκ² λ€μ κΈ°μ°¨λ₯Ό μ΄μ©νλ λ°λμ Kick off λ° μ²« μΈμ μΌλΆλ₯Ό ν΄λν°μΌλ‘ μ°Έμ¬νλ€.
μ€μ 10μ 50λΆ κ²½ μμν¬ 3μΈ΅ λμ°©
μλ°μ€ν¬λ¦½νΈ troubleshooting μΈμ
μκ°
-> μλ°μ€ν¬λ¦½νΈμμ μλ¬λ₯Ό λ§λ¬μ λ μ΄λ»κ² ν΄μΌ νλ μ§ μκ°ν΄λ³Ό μ μμλ€. κ°λ¨ν μ 리νλ©΄, SyntaxErrorλ μ’ λ λ€λ£¨κΈ° μ½λ€. λ΄ μ½λμ λ¬Έλ² μμ μ€λ₯κ° μλ€λ κ²μ΄κΈ° λλ¬Έμ μ‘°κΈλ§ κΌΌκΌΌν μ½λλ₯Ό μ΄ν΄λ³΄λ©΄ μ€λ₯μ μμΈμ μ°ΎμλΌ μ μλ€.
νμ§λ§, LogicErrorμ κ²½μ°μλ λ€μ κΉλ€λ‘λ€. μ½λ μ체μ λ¬Έμ λ μλ€. λ°λΌμ μ€νμ λλ, μνλ λλ‘ νλ‘κ·Έλ¨μ΄ μλνμ§ μλ κ²½μ°λ₯Ό λ§νλ€.
μ΄ κ²½μ°μλ μ΄λμλΆν° μ리λ₯Ό ν΄ λκ° μ§κ° λ§λ§ν μ μκΈ° λλ¬Έμ μ½λμ μΌλΆλΆμ μ£Όμ μ²λ¦¬νκ³ μ€ν ν΄λ³΄λ©΄μ μ΄λ λΆλΆμ΄ μμΈμ΄μλ μ§ νλ νλ μ°Ύμκ°λ κ³Όμ μ΄ νμνλ€.
μλ°μ€ν¬λ¦½νΈ replit - 30λ² λ³΅μ΅ λ° νμλκ³Ό κ°μ μμ±ν μ½λ 리뷰
μ ν¬ 'μΌμ€λ§λ£¨'μμ νμ, μνΈ, λ―Όμ±λκ³Ό ν¨κ» νλκ΅μ (μ¨μ΄ν 1μκ° κ°λ..)
'μ€ν컀μ€' λ² μ΄μ»€λ¦¬ μΉ΄νμμ μΏ ν€ μΌν (JMT)
πͺ λ―Όμ±λ λλΆμ μ’μ κ³³ νλ°©νλ€. λ―Όμ±λμ μ λ§ λ§μ§ λ€λΉκ²μ΄μ
..
μλ°μ€ν¬λ¦½νΈ - DOM, Event μΈμ
μκ°
-> HTMLμ μλ°μ€ν¬λ¦½νΈλ₯Ό μ μ©νκΈ° μν΄μλ λ°λμ νμν DOM, Eventμ λν΄μ λ€μ ν λ² μ 리ν μ μμλ€.
μ€νλ²
μ€ ν΄λ‘ μ½λ© μ§ν
-> gathertownμ ν΅ν΄ μ₯νλκ» 'div' tag μ¬μ© μ¬λΆμ λν΄ μ‘°μΈ κ΅¬ν¨. divμ λν κ°λ
μ μ΅μνλ, κ·Έκ²μ μ μ¬μ μμ λ€μνκ² μ μ©νλ κ²μ μμ§ λ―Έμν λ― νλ€.
μ€νλ² μ€ λ‘κ·ΈμΈ νμ΄μ§ λ μ΄μμ ν΄λ‘ μμ± ν, μλ°μ€ν¬λ¦½νΈ ꡬν κ³Όμ - μΆκ° ꡬν μ¬ν λΆλΆμμ λ€μ ν€λ§Έμ§λ§ νμλμ λμκ³Ό ꡬκΈλ§μΌλ‘ ν΄κ²°!
'idμ @κ° ν¬ν¨λλ©΄ μμ΄λ input
μ border
κ° μ΄λ‘μμΌλ‘ λ°λκ² κ΅¬νν΄μ£ΌμΈμ.'
-> μ λ¬Έμ μμ borderκ° μ΄λ‘μμΌλ‘ λ°λ μ μλλ‘ κ΅¬νμ νμΌλ, κΈ°μ‘΄μ κ°μ§κ³ μλ borderμ λν΄νΈ κ°μ μμ μ£Όμ§ μμμ μ΄λ‘μμΌλ‘ λ³νλ λͺ¨μ΅μ΄ 보μ΄μ§ μμμ. borderμ outlineκ°μ 0μΌλ‘ μ£Όλ κ²μΌλ‘ ν΄κ²°!
β¨ μκ°μ 리
λμκ² CSSλ μμ§ μ΄λ ΅λ€.. μνλ λλ‘ λ μ΄μμμ΄ κ΅¬νλμ§ μμΌλ©΄ μ€νΈλ μ€κ° μκΈ΄λ€. νμ§λ§ λ§μ κ²½νκ³Ό μ€μ΅λ§μ΄ μ΄ κΈΈ..! μ¬λ¬ λ μ΄μμλ€μ ꡬνν΄λ³΄λ©΄μ μ΅μν΄μ Έλ³΄μ.
ν루μ 1κ° μ© κΎΈμ€ν velogμ κΈμ μ°μ! λ°μλ€λ μ΄μ λ‘ λ€μ λΈλ‘κ·Έ μ°κΈ°μ μννκΈ°λ νλλ°, κ·Έ λ λ°°μ΄ κ²μ κ·Έ λ μ 리ν΄μΌ μ μλ―Έν κΈ°λ‘μ΄ λ κ²μ΄λ€. πͺ
μμν¬ μλ©΄μ κΉμ§ λμ€λ κΈΈμ μ’ νλ€κΈ°λ νκ³ , νΌκ³€νμ§λ§ λ§μ λμ€λ©΄ μ§λ³΄λ€ μ§μ€λ μ λκ³ , λͺ¨λ₯΄λ 건 λκΈ°λ€κ³Ό ν¨κ» νμ΄λκ°λ©΄μ ν¨μ¬ ν° μλμ§ ν¨κ³Όκ° λλ€. κΈ°μ°¨ μκ°λ§ μ’ μ¬μ λ‘μ λ€λ©΄ μμ£Ό λκ°λ 건λ°.. π₯²
μ€λ μΏ ν€ μΌν λ무 μ±κ³΅μ ...μκ»΄λ¨Ήμκ²λλ€π