๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ’š ๊ฐœ๋ฐœ/์•ˆ๋“œ๋กœ์ด๋“œ

[์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (4)

by devshin.kr 2021. 5. 2.
728x90

1. ์• ๋ฎฌ๋ ˆ์ดํ„ฐ/ํœด๋Œ€ํฐ ๋‹จ๋ง๊ธฐ๋ฅผ ์—ฐ๊ฒฐํ•œ ์ƒํƒœ์—์„œ

 

2. Chrome ๋ธŒ๋ผ์šฐ์ €์—์„œ

์ฃผ์†Œ์ฐฝ์— Chrome://inspect ๋ฅผ ๊ฒ€์ƒ‰ํ•œ๋‹ค.

 

3. ๊ทธ๋Ÿฌ๋ฉด ์ด์ œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด Decices > Remote Target์ด ๋œฌ๋‹ค.
(์•ˆ ๋œจ๋ฉด ์ž ๊น .. 10์ดˆ ์ •๋„ ๊ธฐ๋‹ค๋ฆด ๊ฒƒ!)

 

 

 

4. ์—ฌ๊ธฐ์„œ ํ•˜๋‹จ์˜ inspect ๋ฅผ ํด๋ฆญํ•œ๋‹ค.

๋‹ค์Œ๊ณผ ๊ฐ™์€ DevTools ์ฐฝ์ด ์ƒˆ๋กœ ๋œจ๊ฒŒ ๋œ๋‹ค.

 

 

 

์ด์ œ ์ด ํ™”๋ฉด์—์„œ ๊ธฐ์กด ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ F12๋ฅผ ๋ˆŒ๋Ÿฌ ๋””๋ฒ„๊น…ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๋””๋ฒ„๊น…์„ ํ•  ์ˆ˜๋„, console.log๋ฅผ ์ฐ์–ด ๋ณผ ์ˆ˜๋„ ์žˆ๋‹ค.

 

 

 

 

ํ…Œ์ŠคํŠธ ํ™˜๊ฒฝ ์„ค์ • ๋ฐ ์ฝ”๋“œ



1.
[์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (1)

 

[์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (1)

๋จผ์ € ์ƒˆ๋กœ์šด ์›นํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž‘์—…ํ–ˆ๋‹ค. 1. Package Explorer์—์„œ ์šฐํด๋ฆญ > New > Other > Dynamic Web Project 2. ํ”„๋กœ์ ํŠธ ์ด๋ฆ„์„ ์ ๊ณ  Finish 3. ๊ธฐ์กด ์„ค์น˜ํ•œ Tomcat Server์— ๋ฐฉ๊ธˆ..

devshin93.tistory.com

2.
[์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (2)

[์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (2)

index.html ์„ ์ƒ์„ฑํ•˜๋ฉด ๊ธฐ๋ณธ ์ฝ”๋“œ๋Š” ์•„๋ž˜์™€ ๊ฐ™์ด ๋˜์–ด ์žˆ๋‹ค. ์—ฌ๊ธฐ์— ์ƒˆ๋กœ์šด ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ด ๋ณด์ž. <!DOCTYPE html> Insert title here ํ…Œ์ŠคํŠธ ์ฝ”๋“œ <!DOCTYPE html> Insert title here ํ…Œ์ŠคํŠธ ๋ฒ„ํŠผ ๋ฅผ ์•ˆ์— ์ถ”๊ฐ€ํ•˜..

devshin93.tistory.com

3.
[์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (3)

 

[์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (3)

์•ˆ๋“œ๋กœ์ด๋“œ ์ƒ˜ํ”Œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด ๋ณด๊ฒ ๋‹ค. activity_main.xml <?xml version="1.0" encoding="utf-8"?> AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> MainActivity.java package com.example.webvie..

devshin93.tistory.com

 

๋Œ“๊ธ€