JavaScript console.log 활용 가이드

JavaScript console.log 활용 가이드

소개

console.log는 JavaScript에서 가장 많이 사용하는 디버깅 도구 중 하나입니다.
콘솔에 메시지를 출력하여 코드의 상태나 변수의 값을 확인할 수 있습니다.

기본 사용법

console.log의 기본적인 사용법은 매우 간단합니다.

console.log('Hello, World!');

이렇게 작성하면 콘솔에 Hello, World!가 출력됩니다.

다양한 출력 예시

다양한 데이터 타입을 console.log를 통해 출력할 수 있습니다.

• 변수 출력

  let name = 'Alice';
  console.log('Name:', name);

• 객체 및 배열 출력

  let user = { name: 'Alice', age: 30 };
  console.log(user);
  
  let fruits = ['apple', 'banana', 'orange'];
  console.log(fruits);

console.log의 유용한 기능

console.log를 통해 여러 값을 한 번에 출력하거나 템플릿 리터럴을 사용할 수 있습니다.

• 여러 값 출력

  let age = 25;
  console.log('Name:', name, ', Age:', age);

• 템플릿 리터럴 사용

  console.log(`Name: ${name}, Age: ${age}`);

유용한 팁과 트릭

콘솔 출력을 더 유용하게 활용하기 위한 몇 가지 팁을 알려드립니다.

• CSS 스타일 사용

  console.log('%c This is a styled log', 'color: blue; font-size: 20px');

• 로그 필터링
  브라우저 콘솔에서 로그를 필터링하여 원하는 종류의 로그만 확인할 수 있습니다.

• 줄바꿈 포함
  console.log() 는 줄바꿈이 표현되어있는 출력함수입니다. 줄바꿈을 원하지 않는경우

  process.stdout.write("Hello World");

  를 사용하시면 됩니다.

결론

console.log를 적절히 활용하면 디버깅과 코드 상태 파악에 큰 도움이 됩니다. 여러 가지 유용한 기능을 활용하여 더 나은 개발 경험을 만들어보세요.