From a065e04d529da1d847b5062a12c46d916408bf32 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 21:46:22 -0500 Subject: update based on https://github.com/mdn/yari/issues/2028 --- files/ko/tools/scratchpad/index.html | 90 ---------------- files/ko/tools/webide/index.html | 42 -------- .../index.html" | 115 --------------------- 3 files changed, 247 deletions(-) delete mode 100644 files/ko/tools/scratchpad/index.html delete mode 100644 files/ko/tools/webide/index.html delete mode 100644 "files/ko/tools/webide/\353\254\270\354\240\234\355\225\264\352\262\260/index.html" (limited to 'files/ko/tools') diff --git a/files/ko/tools/scratchpad/index.html b/files/ko/tools/scratchpad/index.html deleted file mode 100644 index 9701e48ffb..0000000000 --- a/files/ko/tools/scratchpad/index.html +++ /dev/null @@ -1,90 +0,0 @@ ---- -title: Scratchpad -slug: Tools/Scratchpad -translation_of: Archive/Tools/Scratchpad ---- -
{{ gecko_minversion_header("6.0") }}
- -

Firefox 6 이후 내장되고 있는 스크래치패드(Scratchpad)는 JavaScript 코드의 실험에 편리한 환경을 제공합니다. 웹 페이지의 컨텐츠와 직접 연결해서 코드를 조작할 수 있기 때문에 실제 서비스하는 웹 페이지를 최종적으로 테스트하거나 아이디어를 시험해 볼 수 있습니다. 또한 기존의 웹 사이트를 조작하거나 사이트에서 하고 싶은 조작을 할 수도 있습니다.

- -

한 번에 1 행의 코드를 실행하도록 설계되고 있는 웹 콘솔과는 달리 스크래치패드는 보다 큰 JavaScript 코드 덩어리를 편집할 수 있고 그리고 출력 결과의 용도에 다양한 방법으로 코드를 실행할 수 있습니다.

- -

스크래치패드를 사용하기

- -

스크래치패드 윈도우를 열려면 웹 개발자 메뉴(Mac 에서는 도구모음 메뉴의 부메뉴로서 존재)로 스크래치패드를 선택합니다. 그러면 스크래치패드의 편집 윈도우가 열립니다. 윈도우내에는 스크래치패드의 사용법을 간단하게 나타내 보이는 코멘트가 기재되어 있습니다. 거기에 즉시 JavaScript 의 코드를 쓰기 시작할 수 있습니다.

- -

스크래치패드의 윈도우는 아래와 같은 모양입니다. (Windows 나 Linux 에서는 도구모음도 표시되어 한편 Mac 에서는 화면상부에 도구모음이 표시됩니다):

- -

scratchpad.png

- -

유용한 키보드 바로가기을 포함한 에디터 그 자체에 관한 문서에 대해서는 소스 에디터 사용을 참고하세요.

- -

윈도우의 아래에 코드의 현재의 실행 범위가 표시 됩니다. 여기에는 스크래치패드의 내용 또는 현재의 페이지의 컨텐츠가 됩니다. 자세한 것은 스크래치패드의 범위를 참고하세요.

- -
{{ gecko_callout_heading("10.0") }} -

Gecko 10.0 {{ geckoRelease("10.0") }} 로 스크래치패드의 에디터가 문법상 하이라이트나 개량된 인덴트등의 기능을 가지는 Orion 로 옮겨졌습니다.여기에 스크래치패드의 내용이 Firefox 의 세션 복원 기능을 이용해 저장되게 되었으므로 Firefox 다시 시작 후에도 내용이 남습니다.

-
- -

파일 메뉴에서는 JavaScript 코드의 저장이나 읽기를 실행할 수 있기 때문에 다음에 코드를 재이용할 수 있습니다.

- -

코드 실행하기

- -

코드를 기술하면 실행하고 싶은 위치 범위를 선택해 오른쪽 클릭해 (또는 도구모음의 실행 메뉴로) 코드의 실행 방법을 선택해 주세요. 코드의 실행 방법은 세 가지 종류 있습니다.

- -
주의: 범위 선택을 실시하지 않는 경우는 윈도우내의 코드 모두 실행됩니다.
- -

실행

- -

실행 옵션을 선택하면 선택한 코드가 실행됩니다. 이것은 함수나 그 외의 코드를 실행하거나 페이지내의 컨텐츠를 조작하거나 하는 것입니다.

- -

검사

- -

검사 옵션은 코드를 실행 옵션과 같이 실행합니다. 다만 실행 후에 반환값의 검증을 실시할 수 있는 객체 검사기가 열립니다.

- -

예를 들면 이하의 코드를 입력합니다:

- -
window
-
- -

그리고 검사를 선택하면 이하와 같은 검사기의 윈도우가 표시됩니다:

- -

inspector.png

- -

표시

- -

표시 옵션은 선택된 코드를 실행하고 그 결과를 스크래치패드의 에디터내에 코멘트로서 삽입합니다. 이것은 작업중에 테스트 결과의 실행 로그를 남기는데 편리한 방법입니다. 또 이 기능은 큰 문제를 떠안았을 때에 보다 좋은 계산기 프로그램을 가지고 있지 않은 경우에서도 만일의 경우의 계산기로서 사용할 수 있습니다.

- -

지우기

- -

실행 메뉴 또는 스크래치패드의 윈도우로 오른쪽 클릭한다고 표시되는 context menu의 "변수 재설정"을 선택하면 모든 변수를 재설정 할 수 있습니다.

- -

스크래치패드 사용 예제

- -

아래에 도움이 되는 사례는 많이 있습니다. 여기에서 몇 가지를 소개합니다.

- -

새로운 코드 테스트

- -

스크래치패드는 새로운 코드를 실제의 브라우저 환경에서 테스트하는 것에 특별히 도움이 됩니다. 디버그 중의 코드를 스크래치패드에 붙여넣기하여 실행해 그것이 동작할 때까지 조정합니다. 동작하게 되면 코드를 본래의 파일에 되돌려 완성합니다. 많은 경우 웹 페이지를 다시 읽고 코드를 작성한 후, 디버그 및 테스트를 실시할 수 있습니다.

- -

재활용 가능한 코드

- -

스크래치패드의 도구 모음에는 JavaScript 코드의 저장이나 읽기를 실시하는 명령어가 있습니다. 이 기능은 잘 사용하는 JavaScript는 작은 코드의 보관에 사용할 수 있습니다. 예를 들면 데이터 읽기에 AJAX 리퀘스트를 이용하는 사이트에서 작업을 실시하고 있는 경우 테스트나 데이터의 검증을 위해서 그러한 읽기 조작을 실시하는 코드 영역을 저장해 둘 수 있습니다. 같이 DOM 에 관한 특정의 정보를 덤프 하는 함수와 같은 유용한 범용 디버그 함수를 저장해 둘 수도 있습니다.

- -

스크래치패드 범위

- -

- -

스크래치패드로 실행하는 코드는 페이지 전체에 접근 가능한 샌드 박스내에서 실행됩니다만 신규 작성한 변수는 페이지에 나가지 않습니다. 명시적으로 변수를 페이지로 보내고 싶은 경우는,{{ domxref("window") }} 객체에 그 변수를 두는 것으로 실현할 수 있습니다:

- -
window.myVariable = value;
-
- -

이 경우 신규 작성한 window.myVariable 변수는 페이지상에서 실행하고 있는 스크립트에 접근 가능하게 됩니다.

- -
주의: 이 샌드 박스의 동작은 웹 콘솔과 유사합니다. 다만 스크래치패드는 탭을 바꾸어 사용하는 점이 웹 콘솔과는 다릅니다. 즉, 스크래치패드로 실행하는 코드는 맨 앞면의 브라우저 윈도우로 현재 선택하고 있는 탭에 대해서만 실행됩니다. 예를 들면 같은 테스트를 복수의 웹 서버에 대해서 실행 할 수 있게 됩니다.
- -

스크래치패드를 Firefox 내부 접근 사용

- -

Firefox 자체에 대하고 작업을 하는 경우나 확장 기능을 개발하는 경우는 스크래치패드를 이용해 브라우저의 내부 모두에게 액세스 할 수 있어 편리합니다. 이를 위해서는 about:config로 설정 devtools.chrome.enabled 를 true 로 설정하는 것이 필요합니다. 이 설정을 하면 실행 환경 메뉴에 브라우저라고 하는 선택 사항이 추가됩니다.이것을 선택하면 범위가 웹 페이지의 컨텐츠로부터 브라우저 전체로 바뀝니다.

- -

{{ languages( { "en": "en/Tools/Scratchpad", "es": "es/Herramientas/Borrador", "fr": "fr/Outils/Ardoise" } ) }}

diff --git a/files/ko/tools/webide/index.html b/files/ko/tools/webide/index.html deleted file mode 100644 index b5257f47ae..0000000000 --- a/files/ko/tools/webide/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: WebIDE -slug: Tools/WebIDE -tags: - - Apps - - Debugging - - Firefox OS - - NeedsTranslation - - TopicStub - - WebIDE - - tool -translation_of: Archive/WebIDE ---- -
{{ToolsSidebar}}
-

WebIDE enables you to create, edit, run, and debug web apps using the Firefox OS Simulator or a real Firefox OS device.

- -

It also enables you to connect the Firefox Developer Tools to a number of other browsers, including Firefox for Android, Chrome on Android, and Safari on iOS. See the Remote Debugging page for instructions on how to connect to a specific browser.

-
- -

With WebIDE, you first set up one or more runtimes. A runtime is an environment in which you'll run and debug the app. A runtime could be a Firefox OS device connected to the desktop over USB (or over Wi-Fi since Firefox 39), or it could be a Firefox OS Simulator installed on the desktop itself.

- -

Next, you create an app, or open an existing app. If you're creating a new app you can start with a template that includes the directory structure and the minimum boilerplate you need to get started, or a more complete template that shows how to use a privileged API. WebIDE shows your app's files in a tree, and you can edit and save them using a built-in source editor. Of course, you don't have to use the built-in editor: you can develop your app entirely outside WebIDE, and only use it for debugging.

- -

Finally, you can install the app in one of the runtimes and run it. You can then open the usual suite of developer tools - the Inspector, Console, JavaScript Debugger and so on - to examine and modify the running app.

- -
-
-
Opening WebIDE
-
How to open WebIDE from within Firefox.
-
Setting up runtimes
-
How to connect to a runtime in which you can install apps, including Firefox OS devices, the the Firefox OS Simulator, and Firefox for Android.
-
Creating and editing apps
-
How to create, open, and develop apps using WebIDE.
-
The runtime menu
-
Once you've selected a runtime, use the runtime menu to get information about the runtime and its apps, modify settings, and take a screenshot.
-
Running and debugging apps
-
How to install apps to a runtime and debug them using the Firefox Developer Tools.
-
Working with Cordova apps in WebIDE
-
From Firefox 39, you can edit and debug Cordova apps using WebIDE.
-
Troubleshooting
-
Help for problems with WebIDE, especially problems connecting to a runtime.
-
diff --git "a/files/ko/tools/webide/\353\254\270\354\240\234\355\225\264\352\262\260/index.html" "b/files/ko/tools/webide/\353\254\270\354\240\234\355\225\264\352\262\260/index.html" deleted file mode 100644 index 1cd12c1b45..0000000000 --- "a/files/ko/tools/webide/\353\254\270\354\240\234\355\225\264\352\262\260/index.html" +++ /dev/null @@ -1,115 +0,0 @@ ---- -title: WebIDE 문제해결 -slug: Tools/WebIDE/문제해결 -translation_of: Archive/WebIDE/Troubleshooting ---- -
{{ToolsSidebar}}

USB로 Firefox OS 장치 연결하기

- -

WebIDE를 통한 Firefox OS 장치 연결이 정상적이지 않을 때, 아래의 방법을 시도해보시기 바랍니다.

- - - -

Wi-Fi로 Firefox OS 장치 연결하기

- - - -

Connecting to Firefox for Android

- -

If you're trying to connect to a Firefox instance running on the Android OS and it doesn't show up, here are some things you can try:

- - - -

Connecting to other browsers (Chrome, Safari)

- -

WebIDE makes use of Valence (formerly Firefox Tools Adapter) to reach other browsers, like Chrome and Safari. 

- -

If you are having trouble connecting to these other browsers, check the setup steps and other notes for those browsers on the Valence page.

- -

Can't debug some apps

- -

If you are finding that you can't debug certified apps, built-in apps, or apps already installed on a real device, then you may be coming across WebIDE's restricted privileges security policy. To find out more, see the section on Unrestricted app debugging (including certified apps, main process, etc.).

- -

Unable to load project list

- -

If you open WebIDE in one version of Firefox, and then downgrade to a previous Firefox version with the same profile, you may see the error "Unable to load project list" when opening WebIDE in the earlier Firefox version.

- -

This can occur when the storage system that WebIDE uses (IndexedDB) needs to move or restructure its internal files for the newer Firefox version. The project list then becomes effectively inaccessible to older versions of Firefox.

- -

No data has been lost, but you will need to keep using the newest version of Firefox that was used with your profile to get the project list back.

- -

If really want to use the older version of Firefox, you can attempt to delete just the project list in the following way, but this is unsupported and could result in the further problems or additional data loss:

- -
    -
  1. Close Firefox
    2. -
  2. Find your Firefox profile directory
    3. -
  3. Find the storage folder inside the profile directory
    4. -
  4. Under some part of this file tree, there should be files and/or directories that start with 4268914080AsptpcPerjo (a hashed name of the database)
    5. -
  5. Remove any such files and directories
    6. -
  6. Start Firefox and WebIDE again
    7. -
- -

Enable logging

- -

You can also enable verbose logging to gather diagnostics:

- -
    -
  1. Open about:config, and add a new preference called extensions.adbhelper@mozilla.org.sdk.console.logLevel, with the string value all, and set extensions.adbhelper@mozilla.org.debug to true.
    2. -
  2. In the Add-ons Manager, disable and then re-enable the ADB Helper add-on.
    3. -
  3. Open the Browser Console and you'll now see console messages prefixed with adb. If the messages don't mean anything to you, ask for help.
    4. -
- -

Get help

- -

Go to the #devtools room on IRC and we will try to help.

-- cgit v1.2.3-54-g00ecf