์น์ํ ์ค ํ ์คํธ๋ฅผ ๋ณต์ฌํ๋ ค๋๋ฐ ์ฐํด๋ฆญ์ด ๋งํ ๋ต๋ตํ๋ ๊ฒฝํ, ๋ค๋ค ํ ๋ฒ์ฏค ์์ผ์์ฃ ? ์ฌ์ค ์ด ๋ฌธ์ ๋ ๋จ 3์ด๋ฉด ํด๊ฒฐ๋ฉ๋๋ค. ์ค๋์ ํฌ๋กฌ, ์จ์ผ, ์ฃ์ง ๋ธ๋ผ์ฐ์ ์์ ๋ง์ฐ์ค ์ฐํด๋ฆญ ์ฐจ๋จ์ ํด์ ํ๋ ๋ฐฉ๋ฒ์ ์ด๋ณด์๋ ์ฝ๊ฒ ๋ฐ๋ผํ ์ ์๋๋ก ๋จ๊ณ๋ณ๋ก ์ ๋ฆฌํด ๋๋ฆด๊ฒ์.
์ผ๋ถ ์น์ฌ์ดํธ๋ ์ฝํ ์ธ ๋์ฉ์ ๋ฐฉ์งํ๊ธฐ ์ํด JavaScript ์ฝ๋๋ก ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ๋ฒํผ ํด๋ฆญ, ํ ์คํธ ๋๋๊ทธ, ๋ณต์ฌ(Ctrl+C)๋ฅผ ์์ฒ ์ฐจ๋จํฉ๋๋ค. ๋ฐฉ๋ฌธ์ ์ ์ฅ์์๋ ๋ถํธํ์ง๋ง, ๊ฐ์ธ ํ์ต์ด๋ ์๋ฃ ์ฐธ๊ณ ๋ชฉ์ ์ด๋ผ๋ฉด ์๋ ๋ฐฉ๋ฒ์ผ๋ก ํด์ ํ ์ ์์ต๋๋ค.
ํด์ ๋ฐฉ๋ฒ์ ํฌ๊ฒ ๋ ๊ฐ์ง์ ๋๋ค.
- ๊ฐ๋ฐ์ ๋ชจ๋ ํ์ฉ โ ์ค์น ์์ด ๋ฐ๋ก ๊ฐ๋ฅํ์ง๋ง ๋ณต์กํ๊ณ ์๋ก๊ณ ์นจํ๋ฉด ์ด๊ธฐํ๋จ
- ํ์ฅ ์ฑ ์ค์น โ ํ ๋ฒ ์ค์นํ๋ฉด ํด๋ฆญ ํ ๋ฒ์ผ๋ก ์๊ตฌ ์ฌ์ฉ ๊ฐ๋ฅ โ ์ถ์ฒ
๋ฐฉ๋ฒ 1 | ๊ฐ๋ฐ์ ๋ชจ๋๋ก ์ฐํด๋ฆญ ํด์ (์ค์น ์์ด)
์ค์น๊ฐ ์ด๋ ค์ด ํ๊ฒฝ์ด๊ฑฐ๋ ๋ฑ ํ ๋ฒ๋ง ์ฌ์ฉํ ๋ ์ ์ฉํ ๋ฐฉ๋ฒ์ ๋๋ค. ํฌ๋กฌ, ์จ์ผ, ์ฃ์ง ์ธ ๋ธ๋ผ์ฐ์ ๋ชจ๋ ๋์ผํ ๋ฐฉ๋ฒ์ผ๋ก ์ฌ์ฉํ ์ ์์ต๋๋ค.
์ฌ์ฉ ๋ฐฉ๋ฒ (๊ณตํต)
- ์ฐํด๋ฆญ์ด ๋งํ ํ์ด์ง์์ ํค๋ณด๋ F12 ๋ฅผ ๋๋ฌ ๊ฐ๋ฐ์ ๋๊ตฌ(DevTools)๋ฅผ ์ฝ๋๋ค
- ๊ฐ๋ฐ์ ๋๊ตฌ๊ฐ ์ด๋ฆฐ ์ํ์์ ๋ค์ F1 ์ ๋๋ฅด๋ฉด ์ค์ ํ๋ฉด์ด ๋ํ๋ฉ๋๋ค
- ์คํฌ๋กค์ ๋งจ ์๋๋ก ๋ด๋ฆฌ๋ฉด Debugger(๋๋ฒ๊ฑฐ) ์น์ ์ด ๋ณด์ ๋๋ค
- "Disable JavaScript (JavaScript ์ฌ์ฉ ์ ํจ)" ํญ๋ชฉ์ ์ฒดํฌ ํฉ๋๋ค
- ๊ฐ๋ฐ์ ๋๊ตฌ ์ฐฝ์ ๋ซ๊ณ ํด๋น ํ์ด์ง์์ ๋ง์ฐ์ค ์ฐํด๋ฆญ, ๋๋๊ทธ, ๋ณต์ฌ๋ฅผ ํด๋ณด์ธ์
JavaScript๋ฅผ ์์ ํ ๋นํ์ฑํํ๊ธฐ ๋๋ฌธ์ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ, ๋์ ์ฝํ ์ธ , ๋์์ ์ฌ์ ๋ฑ ์ฌ์ดํธ์ ๋ค๋ฅธ ๊ธฐ๋ฅ๋ค์ด ํจ๊ป ๋ฉ์ถ ์ ์์ต๋๋ค. ๋ํ ๋ค๋ฅธ ํญ์ผ๋ก ์ด๋ํ๊ฑฐ๋ ํ์ด์ง๋ฅผ ์๋ก๊ณ ์นจํ๋ฉด ์ค์ ์ด ์ด๊ธฐํ๋์ด ๋งค๋ฒ ๋ฐ๋ณตํด์ผ ํ๋ ๋ฒ๊ฑฐ๋ก์์ด ์์ต๋๋ค.
๐ก ์์งํ ๋ง์๋๋ฆฌ๋ฉด, ์ด ๋ฐฉ๋ฒ์ ๋๋ฌด ๋ถํธํฉ๋๋ค. ์๋ ํ์ฅ ์ฑ์ ์ค์นํ๋ ๊ฒ ํจ์ฌ ํธํ๊ณ ๋น ๋ฆ ๋๋ค!
๋ฐฉ๋ฒ 2 | ํ์ฅ ์ฑ ์ค์น (๊ฐ๋ ฅ ์ถ์ฒ โญ)
ํ ๋ฒ ์ค์นํด ๋๋ฉด ํด๋ฆญ ํ ๋ฒ์ผ๋ก ์ฐํด๋ฆญ ์ฐจ๋จ์ ํด์ ํ ์ ์์ต๋๋ค. ํ์ด์ง๋ฅผ ์ด๋ํด๋ ์ค์ ์ด ์ ์ง๋๊ณ , ์ฌ์ดํธ ๊ธฐ๋ฅ๋ ์ ์ ์๋ํฉ๋๋ค.
โ ํฌ๋กฌ ๋ธ๋ผ์ฐ์ | ๋๋๊ทธํ๋ฆฌ ์ค์น ๋ฐฉ๋ฒ
ํฌ๋กฌ ์ฌ์ฉ์์๊ฒ๋ ๋๋๊ทธํ๋ฆฌ(DragFree) ํ์ฅ ์ฑ์ ์ถ์ฒํฉ๋๋ค. ์ฐํด๋ฆญ ํด์ ๋ ๋ฌผ๋ก ๋๋๊ทธ ์ฐจ๋จ ํด์ , ์ด๋ฏธ์ง ์ ์ฅ, ๊ธ์ ์ ์ธ๊ธฐ ๊ธฐ๋ฅ๊น์ง ํ ๋ฒ์ ํด๊ฒฐ๋ฉ๋๋ค.
์ค์น ๋ฐ ์ฌ์ฉ ๋ฐฉ๋ฒ
- ์ ๋งํฌ ํด๋ฆญ ๋๋ ํฌ๋กฌ ์น ์คํ ์ด์์ "๋๋๊ทธํ๋ฆฌ" ๊ฒ์
- [Chrome์ ์ถ๊ฐ] ๋ฒํผ ํด๋ฆญ โ ํ์ ์ฐฝ์์ [ํ์ฅ ํ๋ก๊ทธ๋จ ์ถ๊ฐ] ํด๋ฆญ
- ์ฃผ์์ฐฝ ์ค๋ฅธ์ชฝ ์๋จ์ ์๋ ํผ์ฆ ๋ชจ์(ํ์ฅ ํ๋ก๊ทธ๋จ) ์์ด์ฝ์ ๋๋ฌ '๋๋๊ทธํ๋ฆฌ'๋ฅผ ํ์ฑํ์ํต๋๋ค.
- ์์ ์์ด์ฝ์ ๋๋ฌ ์๋จ์ ๊ณ ์ ์ํจ ๋ค, ๋๋๊ทธํ๋ฆฌ ์์ด์ฝ์ ํด๋ฆญํฉ๋๋ค.
- ํ์ ์ฐฝ์์ [์ ํ ํ๊ธฐ] ๋ฒํผ(๋๋ ๋จ์ถํค Alt+1)์ ๋๋ฅด๋ฉด ์ฆ์ ์ฐํด๋ฆญ๊ณผ ๋๋๊ทธ๊ฐ ํด๊ฒฐ๋ฉ๋๋ค.
โ ์จ์ผ ๋ธ๋ผ์ฐ์ | ์ฐํด๋ฆญ ํด์ ํ์ฅ ์ฑ ์ค์น ๋ฐฉ๋ฒ
๋ค์ด๋ฒ ์จ์ผ์ ์์ฒด ์คํ ์ด๋ฅผ ํตํด ์ ์ฉ ํ์ฅ ์ฑ์ ์ค์นํ ์ ์์ต๋๋ค.
์ค์น ๋ฐ ์ฌ์ฉ ๋ฐฉ๋ฒ
- ์ ๋งํฌ ์ ์ ๋๋ ์จ์ผ ๋ธ๋ผ์ฐ์ โก ๋ฉ๋ด โ [ํ์ฅ์ฑ] โ [์จ์ผ ์คํ ์ด] ์ด๋ ํ "์ฐํด๋ฆญ" ๊ฒ์
- ์ฐํด๋ฆญ ์ฐจ๋จ ํด์ ์ฑ ์ ํ ํ [์ถ๊ฐํ๊ธฐ] ํด๋ฆญ
- ์ฐํด๋ฆญ์ด ๋งํ ์ฌ์ดํธ์์ ์ฃผ์์ฐฝ ์ค๋ฅธ์ชฝ์ ๋ง์ฐ์ค ๋ชจ์ ์์ด์ฝ ํด๋ฆญํ๋ฉด ์ฆ์ ํด์ ๋จ
โ ์ฃ์ง ๋ธ๋ผ์ฐ์ | ๋๋๊ทธํ๋ฆฌ ์ค์น ๋ฐฉ๋ฒ
๋ง์ดํฌ๋ก์ํํธ ์ฃ์ง๋ ํฌ๋กฌ ๊ธฐ๋ฐ์ด๋ผ ํฌ๋กฌ ํ์ฅ ์ฑ์ ๊ทธ๋๋ก ์ฌ์ฉํ ์ ์์ต๋๋ค.
๋ฐฉ๋ฒ๋ณ ํ๋์ ๋น๊ต ๐
| ๊ตฌ๋ถ | ๊ฐ๋ฐ์ ๋ชจ๋ | ํ์ฅ ์ฑ (๋๋๊ทธํ๋ฆฌ ๋ฑ) |
|---|---|---|
| ์ค์น ํ์ ์ฌ๋ถ | โ ๋ถํ์ | โ ์ต์ด 1ํ |
| ์ฌ์ฉ ํธ์์ฑ | ๐ ๋ณต์กํจ | ๐ ํด๋ฆญ 1๋ฒ |
| ์ง์์ฑ | ์๋ก๊ณ ์นจ ์ ์ด๊ธฐํ | ์๊ตฌ ์ ์ง |
| ์ฌ์ดํธ ๊ธฐ๋ฅ ์ํฅ | JS ๋๋ฉด ์ผ๋ถ ์ค๋ฅ | ๊ฑฐ์ ์์ |
| ์ถ์ฒ ๋์ | ๊ธด๊ธ 1ํ์ฑ ์ฌ์ฉ | ์์ฃผ ์ฌ์ฉํ๋ ๋ถ |
๋ง๋ฌด๋ฆฌ | ์ด๋ค ๋ฐฉ๋ฒ์ ์ ํํ ๊น? โจ
๋จ ํ ๋ฒ, ๊ธํ ๋๋ง ํ์ํ๋ค๋ฉด ๊ฐ๋ฐ์ ๋ชจ๋๋ก ๋น ๋ฅด๊ฒ ์ฒ๋ฆฌํ์ธ์. ํ์ง๋ง ์ ๋ฌด๋ ํ์ต ์ค ์์ฃผ ํ์ํ๋ค๋ฉด ๋๋๊ทธํ๋ฆฌ ํ์ฅ ์ฑ ์ค์น๊ฐ ์ ๋ต์ ๋๋ค. ํ ๋ฒ๋ง ์ค์นํด ๋๋ฉด ์ด๋ ์ฌ์ดํธ์์๋ ํด๋ฆญ ํ ๋ฒ, ๋จ์ถํค ํ ๋ฒ์ผ๋ก ๋ชจ๋ ์ฐจ๋จ์ ํด์ ํ ์ ์์ผ๋๊น์.