From 2aa763f8fae4fc46bbbfd5b012f865afa69c068b Mon Sep 17 00:00:00 2001 From: iamgamja Date: Wed, 9 Feb 2022 16:01:55 +0900 Subject: edit files --- files/ko/web/api/console/assert/index.md | 99 +++++++++--------------- files/ko/web/api/console/clear/index.md | 41 ++++------ files/ko/web/api/console/count/index.md | 89 ++++++++++------------ files/ko/web/api/console/countreset/index.md | 89 ++++++++++------------ files/ko/web/api/console/debug/index.md | 68 +++++++---------- files/ko/web/api/console/error/index.md | 87 +++++++-------------- files/ko/web/api/console/group/index.md | 92 +++++++++------------- files/ko/web/api/console/index.md | 14 ++-- files/ko/web/api/console/log/index.md | 110 +++++++++++---------------- files/ko/web/api/console/time/index.md | 67 ++++++---------- files/ko/web/api/console/timeend/index.md | 84 +++++++++----------- files/ko/web/api/console/trace/index.md | 84 +++++++++----------- files/ko/web/api/console/warn/index.md | 80 ++++++++----------- 13 files changed, 402 insertions(+), 602 deletions(-) diff --git a/files/ko/web/api/console/assert/index.md b/files/ko/web/api/console/assert/index.md index 3ad2aafa8e..42ddad30d0 100644 --- a/files/ko/web/api/console/assert/index.md +++ b/files/ko/web/api/console/assert/index.md @@ -1,48 +1,51 @@ --- title: console.assert() -slug: Web/API/Console/assert +slug: Web/API/console/assert tags: - API - DOM + - Debugging - Method - - Reference + - Web Development - console + - web console +browser-compat: api.console.assert translation_of: Web/API/console/assert --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

console.assert() 메서드는 주어진 가정이 거짓인 경우 콘솔에 오류 메시지를 출력합니다. 참인 경우, 아무것도 하지 않습니다.

+**`console.assert()`** 메서드는 주어진 가정이 거짓인 경우 콘솔에 오류 메시지를 출력합니다. 참인 경우, 아무것도 하지 않습니다. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

구문

+## 구문 -
console.assert(assertion, obj1 [, obj2, ..., objN]);
-console.assert(assertion, msg [, subst1, ..., substN]); // c-like message formatting
-
+```js +console.assert(assertion, obj1 [, obj2, ..., objN]); +console.assert(assertion, msg [, subst1, ..., substN]); // C-like message formatting +``` -

Parameters

+### 매개변수 -
-
assertion
-
아무 불리언 표현식. 거짓인 경우, 메시지를 콘솔에 출력합니다.
-
obj1 ... objN
-
출력에 사용할 JavaScript 객체. 각각의 문자열 표현을 순서대로 출력합니다.
-
msg
-
0개 이상의 치환 문자열을 포함하는 JavaScript 문자열.
-
subst1 ... substN
-
msg 매개변수의 치환 문자열에 대입할 JavaScript 객체.
-
+- `assertion` + - : 아무 불리언 표현식. 거짓인 경우, 메시지를 콘솔에 출력합니다. +- `obj1` ... `objN` + - : 출력에 사용할 JavaScript 객체. 각각의 문자열 표현은 입력한 순서대로 함께 출력됩니다. +- `msg` + - : 0개 이상의 치환 문자열을 포함하는 JavaScript 문자열. +- `subst1` ... `substN` + - : `msg` 매개변수의 치환 문자열에 대입할 JavaScript 객체. 이 매개변수를 사용하면 출력 형식을 추가로 제어할 수 있습니다. -

예제

+## 예제 -

다음 예제는 객체와 가정을 함께 사용하는 법을 보입니다.

+다음 예제는 객체와 가정을 함께 사용하는 법을 보입니다. -
const errorMsg = 'the # is not even';
-for (let number = 2; number <= 5; number += 1) {
+```js
+const errorMsg = 'the # is not even';
+for (let number = 2; number <= 5; number += 1) {
     console.log('the # is ' + number);
     console.assert(number % 2 === 0, {number: number, errorMsg: errorMsg});
-    // or, using ES2015 object property shorthand:
+    // or, using ES2015 object property shorthand:
     // console.assert(number % 2 === 0, {number, errorMsg});
 }
 // output:
@@ -52,48 +55,14 @@ for (let number = 2; number <= 5; number += 1) {
 // the # is 4
 // the # is 5
 // Assertion failed: {number: 5, errorMsg: "the # is not even"}
-
+``` -

참고로, {{domxref("console.log()")}}의 치환 문자열을 거의 모든 브라우저에서 정상 동작하지만...

+자세한 내용은 {{domxref("console")}} 문서의 [콘솔에 텍스트 출력하기](/ko/docs/Web/API/console#콘솔에_텍스트_출력하기)를 참고하세요. -
console.log('the word is %s', 'foo');
-// output: the word is foo
-
+## 명세 -

console.assert()의 치환 문자열은 일부 브라우저에서 동작하지 않습니다.

+{{Specifications}} -
console.assert(false, 'the word is %s', 'foo');
-// correct output in Node.js and some browsers
-//     (e.g. Firefox v60.0.2):
-// Assertion failed: the word is foo
-// incorrect output in some browsers
-//     (e.g. Chrome v67.0.3396.87):
-// Assertion failed: the word is %s foo
-
+## 브라우저 호환성 -

{{domxref("console")}} 문서의 콘솔에 텍스트 출력하기 항목도 참고하세요.

- -

명세

- - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#assert", "console.assert()")}}{{Spec2("Console API")}}Initial definition
- -

브라우저 호환성

- - - -

{{Compat("api.Console.assert")}}

+{{Compat}} diff --git a/files/ko/web/api/console/clear/index.md b/files/ko/web/api/console/clear/index.md index 540ce73ee5..096fcab41b 100644 --- a/files/ko/web/api/console/clear/index.md +++ b/files/ko/web/api/console/clear/index.md @@ -1,43 +1,30 @@ --- title: console.clear() -slug: Web/API/Console/clear +slug: Web/API/console/clear tags: - API + - Debugging - Method - Reference - console + - web console +browser-compat: api.console.clear translation_of: Web/API/Console/clear --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

console.clear() 메서드는 현재 환경에서 가능한 경우, 콘솔에 기록된 메시지를 모두 지웁니다.

+**`console.clear()`** 메서드는 현재 환경에서 가능한 경우, 콘솔에 기록된 메시지를 모두 지웁니다. -

구문

+## 구문 -
console.clear();
-
+```js +console.clear(); +``` -

명세

+## 명세 - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#clear", "console.clear()")}}{{Spec2("Console API")}}Initial definition
+{{Specifications}} -

브라우저 호환성

+## 브라우저 호환성 - - -

{{Compat("api.Console.clear")}}

+{{Compat}} diff --git a/files/ko/web/api/console/count/index.md b/files/ko/web/api/console/count/index.md index 0040da4c11..5f0322d3ae 100644 --- a/files/ko/web/api/console/count/index.md +++ b/files/ko/web/api/console/count/index.md @@ -1,33 +1,39 @@ --- title: console.count() -slug: Web/API/Console/count +slug: Web/API/console/count tags: - API - DOM + - Debugging - Method - Reference + - Web Development + - web console +browser-compat: api.console.count translation_of: Web/API/Console/count --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

console.count() 메서드는 특정 count() 호출의 횟수를 세어 출력합니다.

+**`console.count()`** 메서드는 특정 `count()` 호출의 횟수를 세어 출력합니다. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

구문

+## 구문 -
console.count([label]);
+```js +console.count([label]); +``` -

매개변수

+### 매개변수 -
-
label {{Optional_Inline}}
-
{{jsxref("String")}}. 지정한 경우, 이 레이블을 지정한 count() 호출의 수를 출력합니다. 누락한 경우 "default"를 지정한 것처럼 동작합니다.
-
+- `label` {{Optional_Inline}} + - : {{jsxref("String")}}. 지정한 경우, 이 레이블을 지정한 count() 호출의 수를 출력합니다. 누락한 경우 "default"를 지정한 것처럼 동작합니다. -

예제

-
let user = "";
+## 예제
+
+```js
+let user = "";
 
 function greet() {
   console.count();
@@ -39,20 +45,24 @@ greet();
 user = "alice";
 greet();
 greet();
-console.count();
+console.count(); +``` -

위 코드의 출력 결과는 다음과 같은 형태입니다.

+위 코드의 출력 결과는 다음과 같습니다. -
"default: 1"
+```
+"default: 1"
 "default: 2"
 "default: 3"
-"default: 4"
+"default: 4" +``` -

레이블을 명시하지 않았기 때문에 default로 나타납니다.

+레이블을 명시하지 않았기 때문에 `default`로 나타납니다. -

첫 번째 count()의 매개변수에는 user 변수를 제공하고, 두 번째에는 문자열 "alice"를 제공할 경우...

+첫 번째 `count()`의 매개변수에는 문자열 "bob"을 제공하고, 두 번째에는 문자열 "alice"를 제공할 경우... -
let user = "";
+```js
+let user = "";
 
 function greet() {
   console.count(user);
@@ -64,39 +74,24 @@ greet();
 user = "alice";
 greet();
 greet();
-console.count("alice");
+console.count("alice"); +``` -

다음과 같이 출력합니다.

+다음과 같이 출력합니다. -
"bob: 1"
+```
+"bob: 1"
 "alice: 1"
 "alice: 2"
-"alice: 3"
- -
-
- -

명세

+"alice: 3" +``` - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#count", "console.count()")}}{{Spec2("Console API")}}Initial definition
+이제 `label` 값만으로 별도의 카운트를 유지 관리하고 있습니다. -

브라우저 호환성

+## 명세 +{{Specifications}} +## 브라우저 호환성 -

{{Compat("api.Console.count")}}

+{{Compat}} diff --git a/files/ko/web/api/console/countreset/index.md b/files/ko/web/api/console/countreset/index.md index 30e6d3ee95..fc2edc043b 100644 --- a/files/ko/web/api/console/countreset/index.md +++ b/files/ko/web/api/console/countreset/index.md @@ -1,35 +1,39 @@ --- -title: Console.countReset() -slug: Web/API/Console/countReset +title: console.countReset() +slug: Web/API/console/countReset tags: - API - DOM + - Debugging - Method - Reference + - Web Development - console + - web console +browser-compat: api.console.countReset translation_of: Web/API/Console/countReset --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

console.countReset() 메서드는 {{domxref("console.count()")}}의 카운터를 초기화합니다.

+**`console.countReset()`** 메서드는 {{domxref("console.count()")}}의 카운터를 초기화합니다. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

구문

+## 구문 -
console.countReset([label]);
-
+```js +console.countReset([label]); +``` -

매개변수

+### 매개변수 -
-
label {{optional_inline}}
-
{{jsxref("String")}}. 지정한 경우, 이 레이블을 지정한 count()를 초기화합니다. 누락한 경우 "default" 카운터를 초기화합니다.
-
+- `label` {{optional_inline}} + - : {{jsxref("String")}}. 지정한 경우, 이 레이블을 지정한 `count()`를 0으로 초기화합니다. 누락한 경우 default 카운터를 0으로 초기화합니다. -

예제

+## 예제 -
let user = "";
+```js
+let user = "";
 
 function greet() {
   console.count();
@@ -42,22 +46,25 @@ user = "alice";
 greet();
 greet();
 console.count();
-console.countReset();
+console.countReset(); +``` -

위 코드의 출력 결과는 다음과 같은 형태입니다.

+위 코드의 출력 결과는 다음과 같습니다. -
"default: 1"
+```
+"default: 1"
 "default: 2"
 "default: 3"
 "default: 4"
 "default: 0"
-
+``` -

countReset()이 기본 카운터를 초기화했음을 알 수 있습니다.

+`console.countReset()`이 기본 카운터를 0으로 초기화했음을 알 수 있습니다. -

레이블을 지정한 경우...

+첫 번째 `count()`의 매개변수에는 문자열 "bob"을 제공하고, 두 번째에는 문자열 "alice"를 제공할 경우... -
let user = "";
+```js
+let user = "";
 
 function greet() {
   console.count(user);
@@ -70,39 +77,25 @@ user = "alice";
 greet();
 greet();
 console.countReset("bob");
-console.count("alice");
+console.count("alice"); +``` -

다음과 같이 출력합니다.

+다음과 같이 출력합니다. -
"bob: 1"
+```
+"bob: 1"
 "alice: 1"
 "alice: 2"
 "bob: 0"
-"alice: 3"
+"alice: 3" +``` -

카운터 bob을 초기화해도 alice의 값에는 영향이 없습니다.

+카운터 "bob"을 초기화해도 "alice"의 값에는 영향이 없습니다. -

명세

+## 명세 - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#count", "console.countReset()")}}{{Spec2("Console API")}}Initial definition
+{{Specifications}} -

브라우저 호환성

+## 브라우저 호환성 - - -

{{Compat("api.Console.countReset")}}

+{{Compat}} diff --git a/files/ko/web/api/console/debug/index.md b/files/ko/web/api/console/debug/index.md index 86a3abbc0d..2f3e0daa1c 100644 --- a/files/ko/web/api/console/debug/index.md +++ b/files/ko/web/api/console/debug/index.md @@ -1,59 +1,47 @@ --- title: console.debug() -slug: Web/API/Console/debug +slug: Web/API/console/debug tags: - API + - Debug + - Debugging + - Developer Tools + - Logging - Method - Reference - console + - log + - output + - print +browser-compat: api.console.debug translation_of: Web/API/Console/debug --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

console.debug() 메서드는 메시지를 "디버그" 중요도로 콘솔에 출력합니다. 디버그 중요도 메시지는 별도 설정 없이는 보이지 않습니다.

+**`console.debug()`** 메서드는 메시지를 "디버그" 중요도로 콘솔에 출력합니다. 디버그 중요도 메시지는 별도 설정 없이는 보이지 않습니다. 대부분의 경우 로그 수준은 콘솔 UI 내에서 구성됩니다. 이 로그 수준은 \`Debug\` 또는 \`Verbose\` 로그 수준에 해당할 수 있습니다. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

구문

+## 구문 -
console.debug(obj1 [, obj2, ..., objN]);
-console.debug(msg [, subst1, ..., substN]);
-
+```js +console.debug(obj1 [, obj2, ..., objN]); +console.debug(msg [, subst1, ..., substN]); +``` -

매개변수

+### 매개변수 -
-
obj1 ... objN
-
출력에 사용할 JavaScript 객체. 각각의 문자열 표현을 순서대로 출력합니다.
-
msg
-
0개 이상의 치환 문자열을 포함하는 JavaScript 문자열.
-
subst1 ... substN
-
msg 매개변수의 치환 문자열에 대입할 JavaScript 객체.
-
+- `obj1` ... `objN` + - : 출력에 사용할 JavaScript 객체. 각각의 문자열 표현은 입력한 순서대로 함께 출력됩니다. +- `msg` + - : 0개 이상의 치환 문자열을 포함하는 JavaScript 문자열. `subst1`부터 `substN`까지 순서대로 치환됩니다. +- `subst1` ... `substN` + - : `msg` 매개변수의 치환 문자열에 대체할 JavaScript 객체. 출력 형식에 추가 제어를 할 수 있게 해줍니다. 치환 작동 방식에 대한 설명은 [문자열 치환 사용하기](/ko/docs/Web/API/console#문자열_치환_사용하기)를 참조하세요. -

명세

+## 명세 - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#debug", "console.debug()")}}{{Spec2("Console API")}}Initial definition
+{{Specifications}} -

브라우저 호환성

+## 브라우저 호환성 -
- - -

{{Compat("api.Console.debug")}}

-
+{{Compat}} diff --git a/files/ko/web/api/console/error/index.md b/files/ko/web/api/console/error/index.md index 529632b39e..7b4995a6d8 100644 --- a/files/ko/web/api/console/error/index.md +++ b/files/ko/web/api/console/error/index.md @@ -1,77 +1,44 @@ --- -title: Console.error() -slug: Web/API/Console/error +title: console.error() +slug: Web/API/console/error tags: - API - DOM - - 디버깅 - - 메소드 - - 웹 개발 - - 웹 콘솔 + - Debugging + - Method + - Web Development + - web console +browser-compat: api.console.error translation_of: Web/API/Console/error --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

웹 콘솔에 에러 메시지를 출력합니다.

+**`console.error()`** 메서드는 웹 콘솔에 에러 메시지를 출력합니다. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

문법

+## 구문 -
console.error(obj1 [, obj2, ..., objN]);
-console.error(msg [, subst1, ..., substN]);
-console.exception(obj1 [, obj2, ..., objN]);
-console.exception(msg [, subst1, ..., substN]);
-
+```js +console.error(obj1 [, obj2, ..., objN]); +console.error(msg [, subst1, ..., substN]); +``` -
-

노트: console.exception()은 console.error()의 별칭입니다. 둘은 기능적으로 동일합니다.

-
+### 매개변수 -

파라미터

+- `obj1` ... `objN` + - : 출력할 JavaScript 객체의 리스트. 각 객체의 문자열 표현은 나열된 순서로 함께 출력됩니다. +- `msg` + - : 0개 이상의 하위 문자열을 포함하는 JavaScript 문자열. +- `subst1` ... `substN` + - : `msg` 안의 대체할 하위 문자열을 포함하는 JavaScript 객체. 출력 형식에 추가 제어를 할 수 있게 해줍니다. -
-
obj1 ... objN
-
출력할 JavaScript 객체의 리스트. 각 객체의 문자열 표현은 나열된 순서로 함께 출력됩니다.
-
msg
-
0개 이상의 하위 문자열을 포함하는 JavaScript 문자열.
-
subst1 ... substN
-
msg 안의 대체할 하위 문자열을 포함하는 JavaScript 객체. 출력 형식에 추가 제어를 할 수 있게 해줍니다.
-
+자세한 내용은 [콘솔에 텍스트 출력하기](/ko/docs/Web/API/Console#콘솔에_텍스트_출력하기)를 확인하세요. -

자세한 내용은 {{domxref("console")}} 문서의 콘솔에 텍스트를 출력하기를 확인하세요.

+## 명세 -

명세

+{{Specifications}} - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#error", "console.error()")}}{{Spec2("Console API")}}초기 정의
+## 브라우저 호환성 -

브라우저 호환성

- -
- - -

{{Compat("api.Console.error")}}

-
- -

함께 보기

- - +{{Compat}} diff --git a/files/ko/web/api/console/group/index.md b/files/ko/web/api/console/group/index.md index a4c4033612..ba245a502a 100644 --- a/files/ko/web/api/console/group/index.md +++ b/files/ko/web/api/console/group/index.md @@ -1,36 +1,44 @@ --- -title: Console.group() -slug: Web/API/Console/group +title: console.group() +slug: Web/API/console/group +tags: + - API + - DOM + - Debugging + - Method + - Web Development + - web console +browser-compat: api.console.group translation_of: Web/API/Console/group --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

Web Console log 에 새로운 인라인 그룹을 만듭니다. This indents all following output by an additional level, until {{domxref("console.groupEnd()")}} is called.

+**`console.group()`** 메서드는 [웹 콘솔](/ko/docs/Tools/Web_Console) 로그에 새로운 인라인 그룹을 만듭니다. 이는 {{domxref("console.groupEnd()")}}가 호출될 때까지 모든 다음 출력을 추가 수준으로 들여씁니다. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

구문

+## 구문 -
console.group([label]);
+```js +console.group([label]); +``` -

매개변수

+## 매개변수 -

 

+- `label` + - : 그룹의 레이블입니다. 이 매개변수는 선택사항입니다. (Chrome 59에서 테스트됨) `console.groupEnd()`와 함께 작동하지 않습니다. -
-
label
-
Label for the group. Optional. (Chrome 59 tested) Does not work with console.groupEnd().
-
+### 콘솔에서 그룹 사용하기 -

{{h3_gecko_minversion("Using groups in the console", "9.0")}}

+중첩 그룹을 사용하여 관련 메시지를 시각적으로 연결하여 출력을 구성할 수 있습니다. 새 중첩 블록을 만들려면 `console.group()`을 호출하세요. `console.groupCollapsed()` 메서드와 비슷하지만 새 블록이 접혀 있고 이를 읽으려면 공개 버튼을 클릭해야 합니다. -

You can use nested groups to help organize your output by visually associating related messages. To create a new nested block, call console.group(). The console.groupCollapsed() method is similar, but the new block is collapsed and requires clicking a disclosure button to read it.

+> **참고:** Gecko 9부터 Gecko 51까지 `groupCollapsed()` 메소드는 `group()`과 동일했습니다. +> 축소된 그룹은 Gecko 52부터 완전히 지원됩니다. {{bug("1088360")}}를 참조하세요. -

Note: From Gecko 9 until Gecko 51, the groupCollapsed() method was the same as group(). Collapsed groups are fully supported starting in Gecko 52. See {{bug("1088360")}}.

+현재 그룹을 종료하려면 `console.groupEnd()`를 호출하세요. 예를 들어... -

To exit the current group, call console.groupEnd(). For example, given this code:

- -
console.log("This is the outer level");
+```js
+console.log("This is the outer level");
 console.group();
 console.log("Level 2");
 console.group();
@@ -39,45 +47,19 @@ console.warn("More of level 3");
 console.groupEnd();
 console.log("Back to level 2");
 console.groupEnd();
-console.log("Back to the outer level");
- -

The output looks like this:

- -

A screenshot of messages nested in the console output.

- -

See Using groups in the console in the documentation of {{domxref("console")}} for more details.

- -

 

- -

설명

- - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#group", "console.group()")}}{{Spec2("Console API")}}Initial definition
+console.log("Back to the outer level"); +``` -

브라우저 호환성

+실행 결과는 다음과 같습니다. -

 

+![A screenshot of messages nested in the console output.](nesting.png) -

{{Compat("api.Console.group")}}

+자세한 내용은 {{domxref("console")}} 문서의 [콘솔 그룹 사용하기](/ko/docs/Web/API/console#콘솔_그룹_사용하기)를 참조하세요. +  +## 명세 -

 

+{{Specifications}} -

더 보기

+## 브라우저 호환성 - +{{Compat}} diff --git a/files/ko/web/api/console/index.md b/files/ko/web/api/console/index.md index b6faee82e3..8e0469161a 100644 --- a/files/ko/web/api/console/index.md +++ b/files/ko/web/api/console/index.md @@ -1,12 +1,13 @@ --- title: console -slug: Web/API/Console +slug: Web/API/console tags: - API + - Debugging - Interface - Reference - - console - - 콘솔 + - web console +browser-compat: api.console translation_of: Web/API/Console --- {{APIRef("Console API")}} @@ -23,8 +24,6 @@ console.log("링크를 열 수 없습니다") {{AvailableInWorkers}} -> **참고:** 실제 `console` 인터페이스는 역사적 이유로 인해 모두 소문자(즉 `Console`이 아니고 `console`)입니다. - ## 메서드 - {{domxref("console.assert()")}} @@ -144,7 +143,7 @@ for (var i=0; i<5; i++) { [13:14:13.488] Hello, Bob. You've called me 5 times. ``` -#### `console` 출력 꾸미기 +#### 콘솔 출력 꾸미기 `"%c"` 명령을 사용해 콘솔 출력에 CSS 스타일을 적용할 수 있습니다. @@ -228,7 +227,8 @@ console.timeEnd("answer time"); 시작할 때와 끝낼 때 모두 타이머의 이름이 표시됨을 알 수 있습니다. -> **참고:** 타이머를 네트워크 트래픽 소요시간 측정에 사용하는 경우, 타이머는 총 소요시간을 보여주지만 네트워크 패널에 표시되는 시간은 헤더에 소모한 시간만 나타낸다는 것을 알아야 합니다. 응답 본문 로깅을 활성화한 경우, 응답 헤더와 본문의 시간을 합한 값이 타이머의 콘솔 출력과 비슷해야 합니다. +> **참고:** 타이머를 네트워크 트래픽 소요시간 측정에 사용하는 경우, 타이머는 총 소요시간을 보여주지만 네트워크 패널에 표시되는 시간은 헤더에 소모한 시간만 나타낸다는 것을 알아야 합니다. +> 응답 본문 로깅을 활성화한 경우, 응답 헤더와 본문의 시간을 합한 값이 타이머의 콘솔 출력과 비슷해야 합니다. ### 스택 추적 diff --git a/files/ko/web/api/console/log/index.md b/files/ko/web/api/console/log/index.md index 0b67dd2293..fa3a453cc9 100644 --- a/files/ko/web/api/console/log/index.md +++ b/files/ko/web/api/console/log/index.md @@ -1,94 +1,76 @@ --- -title: Console.log() -slug: Web/API/Console/log +title: console.log() +slug: Web/API/console/log tags: - API - - console + - DOM + - Debugging + - HTML-tree + - Method + - Reference + - Web Development - console.log() - - 메소드 + - difference + - web console +browser-compat: api.console.log translation_of: Web/API/Console/log --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

Web Console에 메시지를 출력합니다.

+**`console.log()`** 메서드는 웹 콘솔에 메시지를 출력합니다. 메시지는 단일 문자열(선택적 대체 값 포함)이거나 더 많은 JavaScript 객체중 하나일 수 있습니다. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

구문

+## 구문 -
console.log(obj1 [, obj2, ..., objN]);
-console.log(msg [, subst1, ..., substN]);
-
+```js +console.log(obj1 [, obj2, ..., objN]); +console.log(msg [, subst1, ..., substN]); +``` -

매개 변수

+### 매개변수 -
-
obj1 ... objN
-
출력할 자바스크립트 객체의 모음입니다. 각각의 자바스크립트 객체들의 문자열 표현은 순서가 있는 목록에 추가되며, 출력됩니다. 
-
msg
-
0개 이상의 치환 문자열(ex:%d, %s)들을 포함하는 자바스크립트 문자열입니다.
-
subst1 ... substN
-
msg 내의 치환 문자열들을 치환할 자바스크립트 객체들입니다. 이것은 추가적인 출력 형식 제어권을 제공합니다.
-
+- `obj1` ... `objN` + - : 출력할 JavaScript 객체 목록입니다. 이러한 각 객체의 문자열 표현은 입력한 순서대로 함께 출력됩니다. 최신 버전의 Chrome 및 Firefox에서, 콘솔에 기록되는 것은 객체에 대한 참조이며, `console.log()`를 호출하는 순간에 객체의 '값'이 반드시 필요한 것은 아닙니다. +- `msg` + - : 0개 이상의 치환 문자열들을 포함하는 자바스크립트 문자열입니다. +- `subst1` ... `substN` + - : `msg` 내의 치환 문자열들을 치환할 자바스크립트 객체들입니다. 출력 형식에 추가 제어를 할 수 있게 해줍니다. -

자세한 내용은 {{domxref("console")}} 기록 문서에서 Outputting text to the console을 참조하십시오.

+자세한 내용은 {{domxref("console")}} 문서의 [콘솔에 텍스트 출력](/ko/docs/Web/API/Console#콘솔에_텍스트_출력하기)을 참고하세요. -

명세

+## log()와 dir()의 차이 - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#consolelogobject--object-", "console.log()")}}{{Spec2("Console API")}}Initial definition
+당신은 {{domxref("console.dir()")}}과 `console.log()`가 무엇이 다른지 궁금할 수 있습니다. -

브라우저 호환성

+DOM 요소들을 콘솔로 보낼 때 Chrome에서 다른 유용한 차이점이 있습니다. +![](dozdcyr.png) +안내: -

{{Compat("api.Console.log")}}

+- `console.log`는 요소를 HTML과 같은 트리 구조로 출력합니다. +- `console.dir`은 요소를 JSON과 같은 트리 구조로 출력합니다. -

console.dir() 과의 차이

+구체적으로, `console.log`는 DOM 요소에 대해 특별한 처리를 제공하지만 `console.dir`은 그렇지 않습니다. 이것은 종종 DOM JS 객체의 전체 표현을 보려고 할 때 유용합니다. -

당신은 console.dir() 과 console.log() 가 무엇이 다른지 궁금할 수 있습니다.

+이것과 다른 함수들에 대한 더 많은 정보는 [Chrome Console API reference](https://developers.google.com/chrome-developer-tools/docs/console-api#consoledirobject)에서 확인할 수 있습니다. -

DOM 요소들을 콘솔로 보낼 때 Chrome에서 다른 유용한 차이점이 있습니다.

+## 객체 로깅하기 -

+`console.log(obj)`를 사용하지 말고 `console.log(JSON.parse(JSON.stringify(obj)))`를 사용하시기 바랍니다. -

안내:

+이 방법은 여러분이 로그를 남길 당시의 `obj` 값을 보려고 사용했을 것입니다. 그러나 많은 브라우저가 값이 갱신 될때마다 끊임없이 바뀐 값을 보여줍니다. 이는 여러분이 원하는 방법이 아닐 것입니다. - +## 명세 -

구체적으로, console.log는 DOM 요소에 대해 특별한 처리를 제공하지만 console.dir은 그렇지 않습니다. 이것은 종종 DOM JS 객체의 전체 표현을 보려고 할 때 유용합니다.

+{{Specifications}} -

이것과 다른 함수들에 대한 더 많은 정보가  Chrome Console API reference에 있습니다.

+## 브라우저 호환성 -

객체 로깅하기

+{{Compat}} -

console.log(obj);를 사용하지 말고 
- console.log(JSON.parse(JSON.stringify(obj)));를 사용하시기 바랍니다.

+## 같이 보기 -

이 방법은 여러분이 로그를 남길 당시의 obj 값을 보려고 사용했을겁니다. 그러나 많은 브라우저가 값이 갱신 될때마다 끊임없이 바뀐 값을 보여줍니다. 이는 여러분이 원하는 방법이 아닐겁니다.

- -

참조

- - +- [MSDN: F12 도구 콘솔을 사용하여 오류 및 상태 보기](https://msdn.microsoft.com/library/gg589530) +- [NodeJS: Console API](https://nodejs.org/docs/latest/api/console.html#console_console_log_data) diff --git a/files/ko/web/api/console/time/index.md b/files/ko/web/api/console/time/index.md index bcb3777ccb..9382db9c3f 100644 --- a/files/ko/web/api/console/time/index.md +++ b/files/ko/web/api/console/time/index.md @@ -1,56 +1,37 @@ --- -title: Console.time() -slug: Web/API/Console/time +title: console.time() +slug: Web/API/console/time +tags: + - API + - DOM + - Debugging + - Method + - Web Development + - web console +browser-compat: api.console.time translation_of: Web/API/Console/time --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

타이머를 시작해 작업이 얼마나 걸리는지 추적할 수 있습니다. 각 타이머에게 고유한 이름을 줄 수 있고, 한 페이지에 최대 10,000개의 타이머를 설정할 수 있습니다. 같은 이름으로 {{domxref("console.timeEnd()")}}를 호출할 때, 브라우저가 밀리초 단위로 경과한 시간을 출력합니다.

+**`console.time()`** 메서드는 타이머를 시작해 작업이 얼마나 걸리는지 추적할 수 있습니다. 각 타이머에게 고유한 이름을 줄 수 있고, 한 페이지에 최대 10,000개의 타이머를 설정할 수 있습니다. 같은 이름으로 {{domxref("console.timeEnd()")}}를 호출할 때, 브라우저가 밀리초 단위로 경과한 시간을 출력합니다. -

자세한 내용과 예제는 {{domxref("console")}} 내의 타이머를 확인하세요.

+자세한 내용과 예제는 {{domxref("console")}} 문서의 [타이머](/ko/docs/Web/API/console#타이머)를 참고하세요. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

문법

+## 구문 -
console.time(label);
-
+```js +console.time(label); +``` -

파라미터

+## 매개변수 -
-
label
-
새 타이머에게 설정할 이름. 타이머를 식별합니다. 같은 이름으로 {{domxref("console.timeEnd()")}}를 호출하면 타이머가 중단되고 콘솔에 시간을 출력합니다.
-
+- `label` + - : 새 타이머에게 설정할 이름. 타이머를 식별합니다. 같은 이름으로 {{domxref("console.timeEnd()")}}를 호출하면 타이머가 중단되고 콘솔에 시간을 출력합니다. -

명세

- - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#time", "console.time()")}}{{Spec2("Console API")}}초기 정의
+## 같이 보기 -

브라우저 호환성

- - - -

{{Compat("api.Console.time")}}

- -

함께 보기

- - +- {{domxref("console.timeEnd()")}} +- {{domxref("console.timeLog()")}} diff --git a/files/ko/web/api/console/timeend/index.md b/files/ko/web/api/console/timeend/index.md index d9bc7674e5..de8af681f6 100644 --- a/files/ko/web/api/console/timeend/index.md +++ b/files/ko/web/api/console/timeend/index.md @@ -1,68 +1,56 @@ --- -title: Console.timeEnd() -slug: Web/API/Console/timeEnd +title: console.timeEnd() +slug: Web/API/console/timeEnd tags: - - 디버깅 - - 웹 개발 - - 웹 콘솔 - - 콘솔 - - 타이머 + - API + - DOM + - Debugging + - Method + - Web Development + - console + - web console +browser-compat: api.console.timeEnd translation_of: Web/API/Console/timeEnd --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -
이전에 {{domxref("console.time()")}}를 호출하여 시작된 타이머를 중지하고 웹 콘솔에 경과 시간을 밀리초 단위로 표시합니다.
+**`console.timeEnd()`** 는 이전에 {{domxref("console.time()")}}를 호출하여 시작된 타이머를 중지합니다. -
 
+자세한 내용과 예제는 [타이머](/ko/docs/Web/API/console#타이머)를 참조하세요. -
자세한 내용과 예제는 콘솔 문서의 Timers를 참조하세요.
+{{AvailableInWorkers}} -
 
+## 구문 -

{{AvailableInWorkers}}

+```js +console.timeEnd(label); +``` -

구문(Syntax)

+### 매개변수 -
console.timeEnd(label);
-
+- `label` + - : 중지할 타이머의 이름입니다. 중지되면 경과 시간이 [웹 콘솔](/ko/docs/Tools/Web_Console)에 자동으로 시간이 종료되었음을 알리는 표시와 함께 표시됩니다. -

매개 변수(Parameters)

+## 예제 -
-
label
-
중지할 타이머의 이름입니다. console.time()를 호출할 때의 이름을 사용하여 해당 타이머를 중지할 수 있는 식별자 역할을 합니다.
-
+```js +console.time("answer time"); +alert("Click to continue"); +console.timeLog("answer time"); +alert("Do a bunch of other stuff..."); +console.timeEnd("answer time"); +``` -

명세서(Specifications)

+위 예제의 출력은 사용자가 첫 번째 경고 상자를 닫는 데 걸린 시간과 사용자가 두 번째 경고를 닫는 데 걸린 시간을 보여줍니다. - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#timeend", "console.timeEnd()")}}{{Spec2("Console API")}}Initial definition
+![](timer_output.png) -

브라우저 호환성(Browser compatibility)

+타이머 이름은 `timeLog()`를 사용하여 타이머 값을 기록할 때 표시되고 중지될 때 다시 표시됩니다. 또한 timeEnd()에 대한 호출에는 타이머가 더 이상 시간을 추적하지 않는다는 것을 분명히 하기 위해 "타이머 종료됨"이라는 추가 정보가 있습니다. -
+## 명세 +{{Specifications}} -

{{Compat("api.Console.timeEnd")}}

-
+## 브라우저 호환성 -

함께 보기(See also)

- - +{{Compat}} diff --git a/files/ko/web/api/console/trace/index.md b/files/ko/web/api/console/trace/index.md index 2726eca0d4..2fefaf5fb0 100644 --- a/files/ko/web/api/console/trace/index.md +++ b/files/ko/web/api/console/trace/index.md @@ -1,35 +1,44 @@ --- title: console.trace() -slug: Web/API/Console/trace +slug: Web/API/console/trace tags: - API + - Chrome - DOM + - Debugging - Firefox - - 디버깅 - - 메소드 - - 웹 개발 - - 웹 콘솔 - - 추적 - - 콘솔 - - 크롬 + - Method + - String + - Web Development + - console.trace() + - trace + - web console +browser-compat: api.console.trace translation_of: Web/API/Console/trace --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

웹 콘솔에 스택 추적을 출력합니다.

+**`console.trace()`** 메서드는 [웹 콘솔](/ko/docs/Tools/Web_Console)에 스택 추적을 출력합니다. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

자세한 내용과 예제는 {{domxref("console")}} 내의 스택 추적을 확인하세요.

+자세한 내용과 예제는 {{domxref("console")}} 문서의 [스택 추적](/ko/docs/Web/API/console#스택_추적)을 참고하세요. -

문법

+## 구문 -
console.trace();
-
+```js +console.trace( [...any, ...data ]); +``` -

예제

+### 매개변수 -
function foo() {
+- `...any, ...data` {{optional_inline}}
+  - : 스택 추적과 함께 콘솔에 출력할 0개 이상의 객체. {{domxref("console.log()")}} 메서드에 전달되는 것과 동일한 방식으로 조합되고 형식이 지정됩니다.
+
+## 예제
+
+```js
+function foo() {
   function bar() {
     console.trace();
   }
@@ -37,41 +46,20 @@ translation_of: Web/API/Console/trace
 }
 
 foo();
-
+``` -

콘솔에 다음과 같은 추적이 표시됩니다.

+콘솔에 다음과 같은 추적이 표시됩니다. -
bar
+```
+bar
 foo
-<anonymous>
- -

명세

- - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#trace", "console.trace()")}}{{Spec2("Console API")}}초기 정의
- -

브라우저 호환성

- + +``` +## 명세 -

{{Compat("api.Console.trace")}}

+{{Specifications}} -

함께 보기

+## 브라우저 호환성 - +{{Compat}} diff --git a/files/ko/web/api/console/warn/index.md b/files/ko/web/api/console/warn/index.md index b63bb925db..7598ed8a12 100644 --- a/files/ko/web/api/console/warn/index.md +++ b/files/ko/web/api/console/warn/index.md @@ -1,70 +1,50 @@ --- -title: Console.warn() -slug: Web/API/Console/warn +title: console.warn() +slug: Web/API/console/warn tags: - API - DOM - - 디버깅 - - 메소드 - - 웹 개발 - - 웹 콘솔 + - Debugging + - Method + - Web Development + - web console +browser-compat: api.console.warn translation_of: Web/API/Console/warn --- -
{{APIRef("Console API")}}
+{{APIRef("Console API")}} -

웹 콘솔에 경고 메시지를 출력합니다.

+**`console.warn()`** 메서드는 웹 콘솔에 경고 메시지를 출력합니다. -

{{AvailableInWorkers}}

+{{AvailableInWorkers}} -

{{Note("Firefox에서는 웹 콘솔의 경고 옆에 작은 느낌표 아이콘이 나타납니다.")}}

+> **참고:** Firefox에서는 웹 콘솔의 경고 옆에 작은 느낌표 아이콘이 나타납니다. -

문법

+## 구문 -
console.warn(obj1 [, obj2, ..., objN]);
-console.warn(msg [, subst1, ..., substN]);
-
+```js +console.warn(obj1 [, obj2, ..., objN]); +console.warn(msg [, subst1, ..., substN]); +``` -

파라미터

+## 매개변수 -
-
obj1 ... objN
-
출력할 JavaScript 객체의 리스트. 각 객체의 문자열 표현은 입력한 순서대로 함께 출력됩니다.
-
msg
-
0개 이상의 문자열을 포함하는 JavaScript 문자열.
-
subst1 ... substN
-
msg 안의 문자열을 대체하기 위한 JavaScript 객체. 출력의 형식을 추가로 제어할 수 있게해줍니다.
-
+- `obj1` ... `objN` + - : 출력할 JavaScript 객체의 리스트. 각 객체의 문자열 표현은 입력한 순서대로 함께 출력됩니다. +- `msg` + - : 0개 이상의 치환 문자열을 포함하는 JavaScript 문자열. +- `subst1` ... `substN` + - : `msg` 안의 문자열을 치환하기 위한 JavaScript 객체. 출력 형식에 추가 제어를 할 수 있게 해줍니다. -

자세한 내용은 {{domxref("console")}} 문서 내 콘솔에 텍스트를 출력하기를 확인하세요.

+자세한 내용은 {{domxref("console")}} 문서의 [콘솔에 텍스트 출력하기](/ko/docs/Web/API/console#콘솔에_텍스트_출력하기)를 참고하세요. -

명세

+## 명세 - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("Console API", "#warn", "console.warn()")}}{{Spec2("Console API")}}초기 정의
+{{Specifications}} -

브라우저 호환성

+## 브라우저 호환성 +{{Compat}} +## 같이 보기 -

{{Compat("api.Console.warn")}}

- -

함께 보기

- - +- [MSDN: F12 도구 콘솔을 사용하여 오류 및 상태 보기](https://msdn.microsoft.com/library/gg589530) -- cgit v1.2.3-54-g00ecf