개발자 도ꡬ

    개발자 λ„κ΅¬λž€ 무엇인가?
    β—Ό FrontEnd/Web & HTML, CSS

    개발자 λ„κ΅¬λž€ 무엇인가?

    개발자 도ꡬ (DevTool) λž€? 개발자 λ„κ΅¬λž€ κ°œλ°œμžλ“€μ΄ ν™ˆνŽ˜μ΄μ§€λ₯Ό μˆ˜μ •ν•˜κ³  λ°œμƒν•œ 문제의 원인을 μ‰½κ²Œ νŒŒμ•…ν•˜κΈ° μœ„ν•΄ λΈŒλΌμš°μ €μ—μ„œ μ œκ³΅ν•˜λŠ” 도ꡬ이닀. μœˆλ„μš°λ‚˜ λ§₯μ—μ„œ F12λ₯Ό ν΄λ¦­ν•˜λ©΄ μ—΄ 수 있으며, μ›Ή κ°œλ°œμžλ“€μ€ 보톡 개발자 도ꡬλ₯Ό 열어놓고 μž‘μ—…μ„ ν•˜λŠ” κ²½μš°κ°€ ꡉμž₯히 많기 λ•Œλ¬Έμ—, μ›Ή κ°œλ°œμžκ°€ 개발자 λ„κ΅¬μ˜ μ‚¬μš©λ²•μ„ 잘 μ•„λŠ” 것은 μ€‘μš”ν•˜λ‹€. 개발자 λ„κ΅¬μ—λŠ” μ—¬λŸ¬ 개의 νŒ¨λ„μ΄ μ‘΄μž¬ν•œλ‹€. 이 각 νŒ¨λ„μ˜ κΈ°λŠ₯을 잘 μˆ™μ§€ν•˜μ—¬ μ μ ˆν•œ 상황에 μ•Œλ§žμ€ νŒ¨λ„μ„ ν™œμš©ν•˜λ„λ‘ ν•˜μž. μ΄λ²ˆμ—” κ°€μž₯ 많이 μ“°λŠ” νŒ¨λ„ 4개의 κΈ°λŠ₯에 λŒ€ν•΄ 정리λ₯Ό ν•΄λ³΄κ³ μž ν•œλ‹€. Elements νŒ¨λ„ HTMLκ³Ό CSS μ½”λ“œλ₯Ό λΆ„μ„ν•˜κ³  μ‹€μ‹œκ°„μœΌλ‘œ 이λ₯Ό μˆ˜μ •ν•  수 μžˆλŠ” νŒ¨λ„μ΄λ‹€. μ‚¬μ΄νŠΈμ˜ ꡬ쑰λ₯Ό νŒŒμ•…ν•˜λŠ” 데 μš©μ΄ν•˜λ‹€. (CSS μ½”λ“œλ₯Ό 확인할 수 있..

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”