console.log()

가장 기본적인 로그 처리 방법은 console.log() 함수를 사용하는 것입니다. 이 함수는 콘솔에 원하는 값을 출력합니다. 다음은 console.log()의 간단한 사용 예제입니다.

var name = "John";
var age = 25;

console.log("Name:", name);
console.log("Age:", age);

위의 코드는 “Name: John”과 “Age: 25”를 콘솔에 출력합니다.

console.table()

console.table() 함수를 사용하면 객체나 배열을 테이블 형태로 출력할 수 있습니다. 이를 통해 배열의 각 항목이나 객체의 속성을 시각적으로 확인할 수 있습니다. 다음은 console.table()의 사용 예제입니다.

var fruits = ["apple", "banana", "orange"];

console.table(fruits);

위의 코드는 다음과 같이 테이블 형태로 배열의 값을 출력합니다.

┌─────────┬─────────┐
│ (index) │ Values  │
├─────────┼─────────┤
│    0    │ 'apple' │
│    1    │ 'banana'│
│    2    │ 'orange'│
└─────────┴─────────┘

JSON.stringify()

JSON.stringify() 함수를 사용하면 객체나 배열을 문자열로 변환하여 출력할 수 있습니다. 이를 통해 복잡한 데이터 구조를 이해하기 쉽게 표현할 수 있습니다. 다음은 JSON.stringify()의 사용 예제입니다.

var person = {
  name: "John",
  age: 25,
  address: {
    street: "123 Main St",
    city: "New York"
  }
};

console.log(JSON.stringify(person, null, 2));

위의 코드는 다음과 같은 문자열을 출력합니다.

{
  "name": "John",
  "age": 25,
  "address": {
    "street": "123 Main St",
    "city": "New York"
  }
}

이렇게 출력된 문자열을 바탕으로 객체의 구조를 파악할 수 있습니다.

Custom Logging 함수

자바스크립트에서는 로그 처리를 위해 자체적으로 함수를 작성할 수도 있습니다. 이 함수를 통해 개별적인 로그 메시지를 출력하거나 로깅 레벨을 필터링할 수 있습니다. 다음은 간단한 custom logging 함수의 예제입니다.

function log(message, level = "info") {
  if (level === "error") {
    console.error(message);
  } else {
    console.log(message);
  }
}

log("This is an info message");
log("This is an error message", "error");

위의 코드는 “This is an info message”를 콘솔에 출력하고, “This is an error message”를 에러 형태로 콘솔에 출력합니다.

자바스크립트 변수의 로그 처리 방법을 알아보았습니다. console.log(), console.table(), JSON.stringify() 등을 적절히 사용하여 변수의 값을 확인하고 코드의 흐름을 파악할 수 있습니다. 또한, custom logging 함수를 작성하여 로그 메시지를 자유롭게 처리할 수도 있습니다.