λ³λμ editor toolμ μ¬μ©νμ§ μκ³
web page μμμ HTML/css/Javascript
λ±μ μ½λλ₯Ό νμΈνκ³ testλ₯Ό ν μ μλ λκ΅¬λ‘ κ°λ°μμ μμ°μ± ν₯μ
μ λμμ μ€λ€.
.Element
: HTML μ½λ μ 보
κ° λ³΄μ΄κ³ κ° νκ·Έλ³ λ΄μ©μ νμΈ
ν μ μλ νμ΄λ€. ν΄λΉ νμμλ HTML/css μ½λ μμ λ° λλ²κΉ
μ ν μ μλ€. element νμμ style μμ
λ html μ½λμ μ μ©λ css μ½λλ₯Ό display
νλλ° styleμ μμ
λ css μ μ© μμ(μμ βΊ νμ)
μ λ°λΌ μ λ ¬λμ΄ μλ€.
μμ μ΄λ―Έμ§λ₯Ό 보면 user agent stylesheet
λΌλκ² μκ³ ν΄λΉ μ½λλ μ νμ΄ λμ§ μλ κ²
μ νμΈν μ μλ€. κ·Έκ²μ μ¬μ©μκ° λ³λλ‘ μ§μ νμ§ μμμ§λ§ λΈλΌμ°μ μμ μμλ‘ μ§μ λ μ½λ
μ΄λ€. μ΄κ²μ κ°λ°μκ° μμ μ§μ μ½λλ₯Ό μ€μ μ½λμ μνλ κ°μ μ
λ ₯
ν΄μ£Όλ κ²μΌλ‘ κ°λ¨ν ν΄κ²°ν μ μλ€. μΆμ² : )
.Console
: JavaScript κ°λ°μ μν νμΌλ‘ js μ½λλ₯Ό λΈλΌμ°μ λ₯Ό ν΅ν΄ μ¦μ μ€ν
ν΄ λ³Ό μ μλ€. λ¨μΆκΈ° esc
λ₯Ό μ¬μ©νλ©΄ λͺ¨λ νμμ μ½κ² console μ°½μ λΆλ¬μ¬ μ μλ€
. consoleμ μ
λ ₯λ μ½λλ enter key
λ₯Ό λλ₯΄λ©΄ λ°λ‘ μ€ν
μ΄ λλ―λ‘ shift+enter
λ₯Ό ν΅ν΄ μ€λ°κΏ
μ νμ¬ μ½λλ₯Ό μμ±ν΄μΌνλ©° κΈ°μ‘΄μ μμ±λ μ½λλ μ΄νμ μ½λμ μν₯μ λ―ΈμΉλ―λ‘ μλ‘μ΄ μ°½μ΄ νμν κ²½μ°μλ refresh
λ₯Ό λλ¬μΌ νλ€.
λ§μ½, μμ±ν μ½λλ₯Ό κΈ°μ΅
ν μνλ‘ μ΄ νμ μμ
μ νκ³ μΆλ€λ©΄ setting μ°½μ μ΅μ
(Preserve log upon navigation) μ ν
μΌλ‘ μμ½κ² μ μ© ν μ μλ€. setting μ°½μ κ°λ°μ λꡬ νλ©΄μμ ν±λλ°ν΄ μμ΄μ½
μ λλ₯΄κ±°λ F1
μ λλ₯΄λ©΄ μ κ·Ό κ°λ₯νλ€.
π tip
λ¨μν νλ©΄μ μ½λλ₯Ό μ§μ°κ³ μΆλ€λ©΄ clear();λ₯Ό μ
λ ₯νκ±°λ ctrl+lμ λλ₯΄λ©΄λλ€. λ¨, preserve log μν
μμλ clear();λ μ μ©λμ§ μκ³ λ¨μΆκΈ°λ ctrl+lλ§ μ μ©λλ€.
.Network
: http ν΅μ κ³Όμ μ λ€μ¬λ€ λ³Ό μ μλ νμΌλ‘ μλ²
λ‘λΆν° μμ
λ€μ΄ μ΄λμ λμ ν¬κΈ°
λ‘ μΌλ§μ μκ°
μ κ°μ§κ³ λ΄λ €λ°μμ§λμ§ μμΈν νμΈν μ μλ€. λΈλΌμ°μ μ μλ²μ ν΅μ κ³Όμ
μ€μ μ΄λ€ λ¬Έμ
κ° μλμ§ νμΈ
νκ³ ν΄λΌμ΄μΈνΈμ μ±λ₯ κ°μ μ§μ μ μ°Ύκ³ λΆμ
νλλ° λ€μνκ² νμ©ν μ μλ€.
.application
: νμ¬ λ‘λ©λ μΉ νμ΄μ§
μμ μ¬μ©λ 리μμ€(μ΄λ―Έμ§, μ€ν¬λ¦½νΈ, λ°μ΄ν° λ±)λ₯Ό μ΄λ
ν μ μλ νμ΄λ€. μΉ SQL λ°μ΄ν°λ² μ΄μ€, λ‘컬 λ° μΈμ
μ€ν 리μ§, μΏ ν€, μ΄ν리μΌμ΄μ
μΊμ, μ΄λ―Έμ§, ν°νΈ, μ€νμΌμνΈλ₯Ό ν¬ν¨ν λ‘λ©λ λͺ¨λ 리μμ€λ₯Ό κ²μ¬
νλ€.