JavaScript에서 콘솔 작업하기

프로그래머의 편의를 위해 각 브라우저에는 특별한 개발자 패널이 있습니다. 이 패널을 열려면 웹사이트 페이지에 있을 때 마우스 오른쪽 버튼을 아무 곳이나 클릭해야 합니다. 나타난 메뉴에서 가장 아래 항목(이 항목은 Inspect 또는 이와 유사한 이름으로 불림)을 선택해야 합니다.

열린 패널에서 주로 두 개의 탭을 사용하게 될 것입니다: Elements와 Console. 첫 번째 탭에서는 페이지 태그에 대한 정보를 얻을 수 있고, 두 번째 탭에서는 JavaScript의 디버그 정보를 얻을 수 있습니다.

콘솔의 기능을 알아보겠습니다.

특별한 명령어 console.log를 사용하면 자신의 스크립트에서 데이터를 콘솔에 출력할 수 있습니다. 이는 프로그램 디버깅을 위해 사용됩니다.

예를 들어 콘솔에 무언가를 출력해 봅시다:

console.log(123);

이제 변수 값을 출력해 보겠습니다:

let num = 123;
console.log(num);

여러 변수를 차례로 출력할 수 있습니다:

let num1 = 123;
let num2 = 456;

console.log(num1);
console.log(num2);

하나의 명령어로 여러 변수를 출력할 수 있으며, 이 변수들을 쉼표로 구분하여 작성하면 됩니다:

let num1 = 123;
let num2 = 456;
console.log(num1, num2);

변수가 주어져 있습니다. 콘솔에 해당 값을 출력하세요.

세 개의 변수가 주어져 있습니다. 콘솔에 해당 값들을 출력하세요.