์น์ฌ์ดํธ ํ ์คํธ ๋ณต์ฌ ์ ๋ ๋? F12๋ก ํด๊ฒฐํ๋ ๋ฐฉ๋ฒ!
๐ก ๋ธ๋ก๊ทธ์์ ํ
์คํธ ๋ณต์ฌ๊ฐ ๋งํ ์๋ค๋ฉด?
๋ณต์ฌ ๋ฐฉ์ง๋ ์ฌ์ดํธ์์๋ F12 ๊ฐ๋ฐ์ ๋๊ตฌ(DevTools)๋ฅผ ํ์ฉํ๋ฉด ์์ฝ๊ฒ ํ
์คํธ๋ฅผ ๊ฐ์ ธ์ฌ ์ ์์ด์! ๐
โ ๋จ, ์ ์๊ถ์ด ์๋ ์ฝํ
์ธ ๋ ํ๋ฝ ์์ด ์ฌ์ฉํ๋ฉด ์ ๋ผ์!
โ ๊ฐ์ธ์ ์ธ ์ฉ๋๋ก๋ง ํ์ฉํ์ธ์!
โ 1. F12 ๊ฐ๋ฐ์ ๋๊ตฌ๋ก ํ ์คํธ ๋ณต์ฌํ๋ ๋ฒ
๐ ๋ฐฉ๋ฒ 1: ๊ฐ๋ฐ์ ๋๊ตฌ(DevTools)์์ ์ง์ ๋ณต์ฌ
โ ๋จ์ํ ๋ณต์ฌ ๋ฐฉ์ง(์ฐํด๋ฆญ ์ฐจ๋จ)๋ผ๋ฉด?
๐ F12(๋๋ Ctrl + Shift + I)๋ฅผ ๋๋ฅด๋ฉด ๊ฐ๋ฐ์ ๋๊ตฌ๊ฐ ์ด๋ฆฝ๋๋ค!
๐น ๋ณต์ฌ ๋ฐฉ๋ฒ
1๏ธโฃ ํฌ๋กฌ ๋ธ๋ผ์ฐ์ ์์ F12๋ฅผ ๋๋ฅด๊ฑฐ๋, Ctrl + Shift + I(์๋์ฐ), Cmd + Option + I(๋งฅ)์ ๋๋ฌ ๊ฐ๋ฐ์ ๋๊ตฌ๋ฅผ ์ฝ๋๋ค.
2๏ธโฃ "Elements" (์์) ํญ์์ ์ํ๋ ํ
์คํธ๋ฅผ ์ฐพ์ต๋๋ค.
3๏ธโฃ ํด๋น ๋ถ๋ถ์ ๋ง์ฐ์ค ์ฐํด๋ฆญ ํ "Edit as HTML" ์ ํ
4๏ธโฃ ์์ ์๋ ํ
์คํธ๋ฅผ ๋ณต์ฌํ๋ฉด ๋!
๐ ๋ฐฉ๋ฒ 2: ์ธํ ๋ณ๊ฒฝํด์ ํ ์คํธ ์ถ์ถ
โ ๋ ๊ฐ๋ ฅํ ๋ณต์ฌ ๋ฐฉ์ง(๋๋๊ทธ ์ฐจ๋จ, ์ ํ ๋ฐฉ์ง)๊ฐ ์๋ค๋ฉด?
๐น ๋ณต์ฌ ๋ฐฉ๋ฒ
1๏ธโฃ F12 → ์ค์ ํญ ํด๋ฆญ
2๏ธโฃ Debugger disable javascript ์ฒดํฌ
3๏ธโฃ ์ฌ์ดํธ์์ ๋ฐ๋ก ์ํ๋ ๋ด์ฉ ๋ณต์ฌ ํ ๋ฉ๋ชจ์ฅ์ด๋ ์๋์ ๋ถ์ฌ๋ฃ๊ธฐ!
๐จ ์ฃผ์์ฌํญ & ๋ฒ์ ๋ฌธ์
โ
๊ฐ์ธ์ ์ธ ์ฉ๋๋ก๋ง ์ฌ์ฉํ์ธ์!
โ
์ ์๊ถ์ด ์๋ ์ฝํ
์ธ ๋ ํ๋ฝ ์์ด ํผ๊ฐ๋ฉด ์ ๋ผ์!
โ
์ถ์ฒ๋ฅผ ๋ช
ํํ ๋ฐํ๊ณ , ์์
์ ์ผ๋ก ์ด์ฉํ์ง ๋ง์ธ์.
๐ฏ ๐ฌ ๊ฒฐ๋ก : ๋ธ๋ก๊ทธ ๋ณต์ฌ ๋ฐฉ์ง? ๊ฑฑ์ NO! F12 ํ๋๋ฉด ํด๊ฒฐ!
โ F12(๊ฐ๋ฐ์ ๋๊ตฌ)๋ก ์์ฝ๊ฒ ํ
์คํธ ์ถ์ถ ๊ฐ๋ฅ!
โ ๋จ, ์ ์๊ถ์ ์ค์ํ๋ฉฐ ์ฌ๋ฐ๋ฅด๊ฒ ์ฌ์ฉํด์ผ ํจ!
๐ ๐ก ์ ์ฉํ๋ค๋ฉด ๊ณต์ & ๋๊ธ ๋ถํ๋๋ฆฝ๋๋ค! ๐
๋๊ธ