[Javascript] 화면에 로그 출력 console.log()

앞선 포스팅에서는 변수와 상수에 대해서 알아보았습니다. Javascript는 ES6버전으로 넘어가면서부터 새로운 문법들이 등장하고 있고 기존의 문법들과 함께 사용되고 있기에 배워둬야 할 것들이 많아지는 것 같습니다.

 

 

이번 포스팅에서는 화면에 로그를 출력하는 함수에 대해서 알아보겠습니다.

---

화면에 로그 출력 console.log()

화면에 로그를 출력한다는것은 콘솔 창을 의미합니다. Chrome의 하단에 콘솔 탭에서 출력하도록 만들기 위해 사용되는 방법입니다. 아래와 같이 사용합니다.

console.log('Hello, Javascript');

console.log() 함수의 괄호 안에 원하는 글자, 숫자 혹은 변수 및 상수를 넣어서 화면에 출력할 수 있습니다. 다시 예를 들어보겠습니다.

let num1 = 10;
console.log(num1); // 10

const num2 = 20;
console.log(num2);  // 20

즉, 사용법의 기본형은 아래와 같이 사용합니다.

console.log(message);

message에 넣을 내용들은 변수 혹은 값을 넣어주시면 됩니다.

---

다양하게 값 출력해보기

그렇다면 숫자 문자들을 섞고 변수를 이용해서 다양하게 값을 출력해 보도록 하겠습니다.

let site = 'Koonsland';
let author = 'koon';

console.log('site: ', site, ', author: ', author); // site: Koonsland, author: koon
console.log('site: ' + site + ', author: ' + author); // site: Koonsland, author: koon

변수에 넣은 값을 출력하는 경우가 많을 것이라 생각합니다. 그래서 보통은 이렇게 여러 가지의 값을 한꺼번에 출력합니다. 출력하는 형태는 개발자가 보기 편하게 만들기 때문에 형식이 없습니다.

---

이번 포스팅은 간단하지만 자주 사용하는 console.log() 함수에 대해서 알아보았습니다. 도움이 되셨으면 합니다. 이상입니다.