Javascript 시작하기 - console 객체 1

console 객체는 자바스크립트에서 디버깅과 개발 목적으로 사용되는 주요 도구 중 하나입니다. 이를 통해 개발자는 브라우저의 콘솔에 메시지를 출력하고, 객체의 상태를 검사하며, 오류를 기록할 수 있습니다. console 객체에는 다양한 메서드가 포함되어 있으며, 각각의 메서드는 특정 용도로 사용됩니다.

주요 console 메서드 및 사용 예제

1. console.log()

가장 기본적이고 많이 사용되는 메서드로, 메시지나 변수를 콘솔에 출력합니다.

console.log("Hello, world!");  // 문자열 출력
let x = 42;
console.log("The value of x is:", x);  // 변수와 함께 출력

2. console.error()

오류 메시지를 콘솔에 출력합니다. 일반적으로 오류가 발생했을 때 사용됩니다.

console.error("This is an error message.");
try {
  throw new Error("Something went wrong");
} catch (e) {
  console.error(e);
}

3. console.warn()

경고 메시지를 콘솔에 출력합니다. 주의가 필요한 상황에 사용됩니다.

console.warn("This is a warning message.");
let deprecated = true;
if (deprecated) {
  console.warn("This method is deprecated and will be removed in future releases.");
}

4. console.info()

정보 메시지를 콘솔에 출력합니다. console.log()와 유사하지만, 의미적으로 정보를 전달할 때 사용됩니다.

console.info("This is an informational message.");

5. console.debug()

디버그 메시지를 콘솔에 출력합니다. 일반적으로 디버깅 목적으로 사용되며, console.log()와 비슷하지만, 로그 레벨이 다릅니다.

console.debug("Debugging information here.");

6. console.table()

객체나 배열의 데이터를 테이블 형식으로 콘솔에 출력합니다. 데이터를 시각적으로 더 잘 이해할 수 있게 해줍니다.

let people = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 35 }
];
console.table(people);

7. console.assert()

첫 번째 인수가 false로 평가되면, 두 번째 인수를 오류 메시지로 출력합니다. 조건 검사를 위한 디버깅 도구로 유용합니다.

let y = 5;
console.assert(y > 10, "y is not greater than 10");

8. console.clear()

콘솔의 출력을 모두 지웁니다. 디버깅 세션을 새로 시작할 때 유용합니다.

console.clear();

9. console.group() 및 console.groupEnd()

로그를 그룹화하여 콘솔에 출력합니다. 여러 관련된 로그를 그룹으로 묶어 계층 구조로 출력할 수 있습니다.

console.group("User Details");
console.log("Name: Alice");
console.log("Age: 25");
console.group("Address");
console.log("Street: 123 Main St");
console.log("City: Wonderland");
console.groupEnd();
console.groupEnd();

10. console.time() 및 console.timeEnd()

특정 코드 블록의 실행 시간을 측정합니다.

console.time("Loop Time");
for (let i = 0; i < 1000000; i++) {
  // Some time-consuming operations
}
console.timeEnd("Loop Time");  // Loop Time: 10ms (예시)

11. console.trace()

현재 코드의 호출 스택(trace)을 출력합니다. 함수 호출이 어디서 왔는지 추적하는 데 유용합니다.

function functionA() {
  functionB();
}

function functionB() {
  console.trace("Trace functionB");
}

functionA();

12. console.count()

특정 라벨이 몇 번 호출되었는지 카운트합니다. 반복 호출을 추적할 때 유용합니다.

for (let i = 0; i < 5; i++) {
  console.count("Loop iteration");
}

13. console.countReset()

지정된 라벨의 카운트를 리셋합니다.

console.count("Counter");
console.count("Counter");
console.countReset("Counter");
console.count("Counter");

14. console.dir()

객체의 속성을 나열합니다. DOM 객체의 속성을 검사할 때 유용합니다.

let obj = { name: "Alice", age: 25 };
console.dir(obj);

console 메서드 요약

• 일반 출력: console.log(), console.info()
• 오류 및 경고: console.error(), console.warn(), console.assert()
• 디버깅: console.debug(), console.trace(), console.count(), console.countReset()
• 표시 형식: console.table(), console.dir()
• 그룹화 및 시간 측정: console.group(), console.groupEnd(), console.time(), console.timeEnd()
• 기타: console.clear()

console 객체의 다양한 메서드를 이해하고 활용하면, 디버깅과 개발 과정에서 더 효율적으로 작업할 수 있습니다. 각 메서드는 특정 상황에 맞는 용도가 있으므로, 필요에 따라 적절한 메서드를 사용하는 것이 중요합니다.