๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋””๋ฒ„๊น…6

[Xcode/iOS] ์•ฑ์„ ๊ป๋‹ค๊ฐ€ ์ผ  ํ›„ ๋””๋ฒ„๊น…/ ์•ฑ์ด ์ข…๋ฃŒ๋˜์—ˆ์„ ๋•Œ ๋””๋ฒ„๊น… 1. ํœด๋Œ€ํฐ ๋‹จ๋ง๊ธฐ๋ฅผ ์—ฐ๊ฒฐํ•œ ์ƒํƒœ๋กœ Debug > Attach to Process by PID or Name… 2. PID or Process Name ์— ๋””๋ฒ„๊น…ํ•  ์•ฑ ์ด๋ฆ„์„ ์ ๊ณ  > Attach 3. ๋””๋ฒ„๊ทธ ํƒญ์—์„œ ํ™•์ธ ๊ฐ€๋Šฅ! 2023. 6. 12.
[iOS] WebView ์—์„œ ๋””๋ฒ„๊น… ํ•˜๋Š” ๋ฐฉ๋ฒ• (Safari - ๊ฐœ๋ฐœ์ž์šฉ ํˆด ์‚ฌ์šฉ) ์ด ๊ธ€์—์„œ ์„ค๋ช…ํ•˜๋Š” ๊ฒƒ 1. iOS ์—์„œ ์›น๋ทฐ ๋””๋ฒ„๊น… ํ•˜๋Š” ๋ฐฉ๋ฒ• PC ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ๋Š” F12 ๋กœ ๊ฐœ๋ฐœ์ž๋„๊ตฌ๋ฅผ ์—ด์–ด ๋””๋ฒ„๊น…์„ ํ•œ๋‹ค. Android ๋Š” Chrome://inspect ๋ฅผ ์‚ฌ์šฉํ•ด ์›น๋ทฐ ๋””๋ฒ„๊น…์„ ํ•œ๋‹ค๋ฉด, iOS ๋Š” Safari ์—์„œ ์ œ๊ณตํ•˜๋Š” ๊ฐœ๋ฐœ์ž์šฉ์„ ์‚ฌ์šฉํ•œ๋‹ค. 2. iOS ์—์„œ ์›น๋ทฐ ์ƒˆ๋กœ๊ณ ์นจ ํ•˜๋Š” ๋ฐฉ๋ฒ• 2.1. ์„œ๋ฒ„์—์„œ ์ฝ”๋“œ ์ˆ˜์ •์„ ํ–ˆ๋Š”๋ฐ, ์ƒˆ๋กœ๊ณ ์นจ ํ•˜๋Š” ๋ฐฉ๋ฒ• 2.2. ์„œ๋ฒ„์—์„œ ์ฝ”๋“œ ์ˆ˜์ •์„ ํ–ˆ๋Š”๋ฐ, ๊ฐ•๋ ฅ ์ƒˆ๋กœ๊ณ ์นจ์„ ํ•˜๋Š” ๋ฐฉ๋ฒ• 1. iOS ์—์„œ ์›น๋ทฐ ๋””๋ฒ„๊น… ํ•˜๋Š” ๋ฐฉ๋ฒ• (ํ…Œ์ŠคํŠธ ํŽ˜์ด์ง€๋Š” https://www.google.com ์œผ๋กœ ํ–ˆ๋‹ค.) 1.1. ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ/๋‹จ๋ง๊ธฐ๋ฅผ ์—ฐ๊ฒฐํ•˜๊ณ  Xcode ์—์„œ command + R ์„ ๋ˆŒ๋Ÿฌ ๋Ÿฐํ•œ๋‹ค. 1.2. ์•ฑ์ด ๋œจ๊ณ  ์›น๋ทฐ ์ฐฝ์ด ๋œจ๋ฉด Safari ๋ฅผ ๋ˆŒ๋Ÿฌ ์ƒ๋‹จ์˜.. 2021. 10. 21.
[์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (4) 1. ์• ๋ฎฌ๋ ˆ์ดํ„ฐ/ํœด๋Œ€ํฐ ๋‹จ๋ง๊ธฐ๋ฅผ ์—ฐ๊ฒฐํ•œ ์ƒํƒœ์—์„œ 2. Chrome ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ฃผ์†Œ์ฐฝ์— Chrome://inspect ๋ฅผ ๊ฒ€์ƒ‰ํ•œ๋‹ค. 3. ๊ทธ๋Ÿฌ๋ฉด ์ด์ œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด Decices > Remote Target์ด ๋œฌ๋‹ค. (์•ˆ ๋œจ๋ฉด ์ž ๊น .. 10์ดˆ ์ •๋„ ๊ธฐ๋‹ค๋ฆด ๊ฒƒ!) 4. ์—ฌ๊ธฐ์„œ ํ•˜๋‹จ์˜ inspect ๋ฅผ ํด๋ฆญํ•œ๋‹ค. ๋‹ค์Œ๊ณผ ๊ฐ™์€ DevTools ์ฐฝ์ด ์ƒˆ๋กœ ๋œจ๊ฒŒ ๋œ๋‹ค. ์ด์ œ ์ด ํ™”๋ฉด์—์„œ ๊ธฐ์กด ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ F12๋ฅผ ๋ˆŒ๋Ÿฌ ๋””๋ฒ„๊น…ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๋””๋ฒ„๊น…์„ ํ•  ์ˆ˜๋„, console.log๋ฅผ ์ฐ์–ด ๋ณผ ์ˆ˜๋„ ์žˆ๋‹ค. ํ…Œ์ŠคํŠธ ํ™˜๊ฒฝ ์„ค์ • ๋ฐ ์ฝ”๋“œ 1. [์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (1) [์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (1) ๋จผ์ €.. 2021. 5. 2.
[์•ˆ๋“œ๋กœ์ด๋“œ] ์›น๋ทฐ ๋””๋ฒ„๊น… ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• - Chrome inspect ์‚ฌ์šฉ๋ฒ• (3) ์•ˆ๋“œ๋กœ์ด๋“œ ์ƒ˜ํ”Œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด ๋ณด๊ฒ ๋‹ค. activity_main.xml AndroidManifest.xml MainActivity.java package com.example.webviewdebugging; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.webkit.WebSettings; import android.webkit.WebView; public class MainActivity extends AppCompatActivity { private WebView mWebView; String serverUrl = "http://๋ณธ์ธIP:ํฌํŠธ/WebViewDebugging/index.htm.. 2021. 5. 2.