첫 실행: console.log와 주석

JavaScript와 첫 출력

JavaScript는 지시를 순서대로 적어 컴퓨터가 수행하게 하는 프로그래밍 언어입니다. 이 강의에서는 Node.js를 이용해 JavaScript를 실행하고, 결과는 터미널의 표준 출력에서 읽습니다. 아래 예제를 lesson01.js라는 이름으로 저장한 뒤 터미널에서 node lesson01.js를 입력하면 됩니다. 파일 이름은 이해하기 쉬운 다른 이름으로 바꾸어도 되지만, 실행 명령에 적는 이름과 일치해야 합니다.

console.log는 괄호 안의 값을 출력하는 도구입니다. 큰따옴표로 감싼 글자는 문자열이며, 따옴표 자체는 보통 출력되지 않습니다. console.log를 여러 번 호출하면 각 결과가 새 줄에 나타납니다. 문장 끝의 세미콜론은 명령이 끝나는 위치를 표시합니다. 모든 곳에서 반드시 필요한 것은 아니지만, 이 강의에서는 일관되게 붙입니다.

// 뒤의 내용은 그 줄이 끝날 때까지 주석이 됩니다. /*와 */ 사이에는 여러 줄 주석을 쓸 수 있습니다. 주석은 코드를 읽는 사람을 위한 설명이므로 JavaScript가 출력할 명령으로 처리하지 않습니다.

실행 예제와 결과

// 첫 번째 메시지를 출력합니다.
console.log("안녕하세요!");

// 따옴표 안의 글자는 문자열입니다.
console.log("JavaScript를 시작합니다.");
console.log("첫 번째 줄");
console.log("두 번째 줄");

/*
  여러 줄 주석에는
  프로그램에 대한 설명을 적을 수 있습니다.
*/
console.log("주석은 출력되지 않습니다.");

// 숫자는 따옴표 없이 쓸 수 있습니다.
console.log(10);
console.log(3 + 4);

// 쉼표로 값을 나누어 한 줄에 출력합니다.
console.log("합계", 3 + 4);
console.log("오늘의 연습 끝!");

예상 결과는 첫 줄의 인사부터 마지막 연습 메시지까지 총 아홉 줄입니다. 3 + 4는 출력 전에 계산되어 7이 됩니다. 마지막에서 두 번째 출력은 문자열과 계산 결과를 쉼표로 구분해 전달하므로 합계 7처럼 한 줄에 보입니다. 빈 줄과 주석은 코드의 읽기 편의를 위한 것이며 별도의 출력 줄을 만들지 않습니다.

실수하기 쉬운 부분

문자열의 시작과 끝에 같은 종류의 따옴표를 사용하세요. 끝 따옴표를 빠뜨리면 JavaScript가 문자열의 범위를 알 수 없어 실행 전에 오류를 표시합니다. console.log의 괄호도 열고 닫는 짝을 맞춰야 합니다.

console.log("3 + 4")는 따옴표 안의 글자를 그대로 출력하므로 결과가 3 + 4입니다. 반면 console.log(3 + 4)는 숫자를 더해 7을 출력합니다. 주석 안에 console.log를 적더라도 실행되지 않는다는 점도 구분하세요. 출력이 보이지 않으면 명령이 주석 안에 들어가 있지 않은지 먼저 살펴보면 됩니다.

코드와 터미널을 구분하며 따라 하기

편집기는 명령을 적는 곳이고 터미널은 명령을 실행하는 곳입니다. node lesson01.js는 JavaScript 파일 안에 넣는 코드가 아니라 터미널에 입력하는 실행 명령입니다. 반대로 console.log("안녕하세요!");는 파일에 저장할 코드입니다. 터미널에서 파일을 찾을 수 없다는 메시지가 나오면 프로그램 문법보다 먼저 현재 폴더와 파일 이름을 확인하세요.

처음에는 세 줄만 남겨 실행해보는 것도 좋습니다. 첫 줄에 인사, 두 번째 줄에 숫자 계산, 세 번째 줄에 마무리 문장을 출력한 뒤 코드를 위에서 아래로 읽으며 터미널의 세 줄과 연결해보세요. 주석을 사이에 추가해도 실행되는 출력 명령의 수는 같습니다. 반면 출력 명령 하나를 두 번 적으면 같은 내용이 두 줄 나옵니다. 코드의 줄 수와 결과의 줄 수가 항상 같지는 않은 이유입니다.

파일에 적은 내용	터미널에 보이는 내용
console.log("5 + 2");	5 + 2라는 글자
console.log(5 + 2);	계산 결과 7
// console.log(5 + 2);	이 명령에서는 아무것도 출력되지 않음

한 번에 여러 곳을 바꾸면 어떤 수정이 결과에 영향을 주었는지 찾기 어렵습니다. 따옴표를 추가하는 변경, 숫자를 바꾸는 변경, 출력 명령을 주석으로 만드는 변경을 하나씩 수행하고 매번 파일을 저장한 뒤 다시 실행해보세요. 터미널에 남아 있는 이전 결과와 새 결과를 구별하는 습관도 함께 익힐 수 있습니다.

연습문제와 해설

자기소개 문장 한 줄과 좋아하는 숫자 한 줄을 출력하고, 그 위에 한 줄 주석으로 각 명령의 목적을 적어 보세요. 예를 들어 console.log("저는 민지입니다.");와 console.log(8);을 차례로 쓰면 예상 결과는 두 줄입니다. 첫 줄은 따옴표 안의 문장이고 두 번째 줄은 숫자 8입니다. 주석을 추가해도 출력 줄 수는 바뀌지 않습니다.

다음으로 console.log("5 + 2");와 console.log(5 + 2);의 결과를 예상해 보세요. 첫 명령은 5 + 2, 둘째 명령은 7을 출력합니다. 같은 기호가 있어도 따옴표 안에서는 글자로 취급된다는 사실을 확인하는 연습입니다.