์ด๋ ๊ฐ๋ฐ์๋๊ตฌ๋ ๋น์ทํ์ง๋ง ๋๋ถ๋ถ ํฌ๋กฌ ๊ฐ๋ฐ์๋๊ตฌ๋ฅผ ์ฌ์ฉํฉ๋๋ค.
์ธํฐ๋ท์ฐฝ์์ F12 ๋ฅผ ๋๋ฅด๋ฉด ๊ฐ๋ฐ์๋๊ตฌ๊ฐ ์ด๋ฆฝ๋๋ค.
์ํ๋ ์ฝ๋ ์์น์ฐพ๊ธฐ
์ด๋ ๊ฒ ์ํ๋ ๋ถ๋ถ์ ์ฐพ์ ์๋ ์์ง๋ง ์ฃผ๋ก console์ฐฝ์ ์ด์ฉํ๊ธฐ ์ํด ๊ฐ๋ฐ์๋๊ตฌ๋ฅผ ์ฌ์ฉํฉ๋๋ค.
- alert();
- console.log();
- script๋์์ debugger์คํ
- ๊ทธ ์ธ ๋ช๊ฐ์ง ํ
์ฃผ๋ก ์ด ์ธ๊ฐ์ง ์ฉ๋๋ก ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
1. alert();
๊ฒฝ๊ณ ์ฐฝ์
๋๋ค. ๋ก๊ทธ์ธํ ๋ '๋น๋ฐ๋ฒํธ๊ฐ ์๋ชป๋์์ต๋๋ค.' ๊ฐ์ ์ฐฝ์ด ๋ฐ ๋ ๋ง์ด๋ค ๋ณผ ์ ์์ฃ .
console์ alert("๋ณด๊ณ ์ถ์ ๋ด์ฉ"); ์ ์ ์ผ๋ฉด ๋ฐ๋ก ๋์๋ณผ ์ ์์ต๋๋ค.
2. console.log();
์ธํฐ๋ท์ฐฝ์ ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ์คํ๋์ด๋ผ๊ณ ๋ณผ ์ ์์ต๋๋ค.
๊ฐ๋ฐ์ ๋๊ตฌ์ Source ํญ ๋ถ๋ถ์ id="ibx_test1" ์ var๋ก ์ ์ธ๋์ด ์์ง๋ง ibx_test2๋ ๊ฐ์ ธ์ค์ง ์์์ต๋๋ค.
ํ์ง๋ง console์์ ์ ์ธํ ํ console.log()๋ก ์ ์ด ๋ฉ์ธ์ง๋ก ํ์ธ ํ ์ ์์ต๋๋ค.
๊ทธ ์ธ์๋ ๊ฐ๋จํ ์ฝ๋๋ค์ ์ฝ์์์ ์ ์ด ํ์ธํ ์ ์์ต๋๋ค.
3. script๋์์ debugger์คํ
์๊ฐ๋ณด๋ค script์์ data ์ฒ๋ฆฌ๊ฐ ๋ง์ด ์ผ์ด๋ ์ฝ๋๊ฐ ๋ณต์กํ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค.
์ด ๋ ์ดํด๋ฆฝ์ค๊ฐ์ ์๋ํฐ์์ script ์ํ๋ ๋ถ๋ถ์ debugger; ๋ฅผ ์ ์ผ๋ฉด ์คํฌ๋ฆฝํธ์์๋ ๋๋ฒ๊น ์ด ๊ฐ๋ฅํฉ๋๋ค.
์คํฌ๋ฆฝํธ๊ฐ ์์ํ๋๋ก ์ฝ๋๊ฐ ํ๋ฌ๊ฐ์ง ์์ ๋ ๋๋ฒ๊น
์ ํตํด ํ์ค ์ฉ ์คํํด๋ด
๋๋ค.
์ด ๋ console์ฐฝ์ ๊ฐ์ด ํ์ฉํ๋ฉด ๋ ์ข๊ตฌ์
์ฐธ๊ณ ๋ก sourcetab์์ console์ฐฝ์ด ์ ๋ณด์ผ ๋๋ ESC๋ฅผ ๋๋ฅด๋ฉด ๋ฉ๋๋ค.
4. ๊ทธ ์ธ ๋ช๊ฐ์ง ํ
console์ ์ ์๋ ๋ด์ฉ์ ๋ค์ ์ ๊ณ ์ถ๋ค๋ฉด ๋ฐฉํฅํค๋ฅผ ๋๋ฌ๋ณด์ธ์. ์ ์ ์ ์๋ ๋ด์ฉ์ด ๋ณด์ ๋๋ค.
console์ฐฝ์ ๋น์ฐ๊ณ ๋ค์ ๋น์ฐ๊ณ ์ถ๋ค๋ฉด console ๋ฉ์์ง๋ถ๋ถ์ ์ฐํด๋ฆญํ๋ฉด ์ฐฝ์ ๋น์ฐ๊ฑฐ๋ ๊ธฐ๋ก์ ์ง์ธ ์ ์์ต๋๋ค.
'๐ ๋๊ตฌ > ๐ ์ ์ฉํ ํ๋ก๊ทธ๋จ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋ ธ์ Notion (0) | 2023.06.06 |
---|---|
Fira+ Code : ์ฝ๋ฉ์ฉ ๊ตฌ๊ธ ๋ฌด๋ฃํฐํธ (0) | 2023.01.30 |
7zip : ์์ง ์์๋ฒ์ ผ ์์ถํ๋ก๊ทธ๋จ (0) | 2023.01.30 |
Notepad++ : ๋ฉ๋ชจ์ฅ ์์๋ฒ์ (0) | 2022.12.31 |
Q-Dir : ๋ค์ค ํด๋ ํ๋ก๊ทธ๋จ (0) | 2022.12.31 |