[Node.js] #02. 콘솔에 Hello World 출력하기 01

이전글 : #01. 설치 및 환경설정하기(구름IDE 이용)

 

1. '+'버튼을 눌러 폴더를 추가해본다.

2. 마우스 오른쪽 버튼을 클릭해서 파일을 새로 만들어본다.('+'버튼 눌러도 됨)

3. 확인을 눌러준다.

파일이 만들어졌다.

4. 다음의 코드를 입력한다.

console.log('Hello World');

 

5.터미널에 다음의 코드를 입력한다.

node /workspace/study_nodejs/project001/001_hello_world.js

혹은 파일 선택해서 선택된 파일 실행 눌러본다.

Hello World가 콘솔에 잘 출력된다.

 

console.log() : 결과 값을 콘솔에 출력시키기
<사용법>
console.log('내용');
주로 로그 출력할때 쓴다.

 

■ECMAScript 6 함수로 콘솔에 출력하기

ECMAScript 6(ES2015 또는 ES6)가 2015년에 나왔는데 ES5와 비교해서 많은 부분이 바뀌었다고 한다.

난 ES6을 배운 적이 없다. 분명히 그 이후에 배웠는데 난 왜 let을 써본 적이 없죠...?

아무튼 

ES6방식을 대입한다면 아래와 같다.

// ES5
function printEs5(){
    console.log('Hello World ES5');
}
// ES6 이상
const printEs6 = () =>{
    console.log('Hello World ES6');
}

printEs5();
printEs6();

결과

여기서 유추할 수 있는 달라진 점
var보다는 const, let를 주로 사용하게 되었다. const는 상수에 쓰이고 let은 변수에 쓰인다. var와 달리 const, let는 블록 레벨 스코프인듯.
참고: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/const

■여러개 출력하기, 템플릿 문자열 출력하기

다음의 코드를 입력해본다.

// 여러 값 출력하기
console.log('Hello', 'World!!!');

// 백틱 사용하기
console.warn(`Hello ${'~~Hello World~~'} World`);
const helloworld1 = '안녕 세상아!!!'
const helloworld2 = '에러로그는 다음과 같다.'
console.info(`[info] ${helloworld1}`);
console.error(`[error] ${helloworld2}`);

결과

여려개를 붙여 출력하고자 할 때 : console.log('내용1', '내용2');
템플릿 문자열을 이용해 출력하고자 할 때 : console.log(`내용내용내용 ${변수나 상수 등등}내용`

※백틱은 어디에 있나요?
한글 키보드 기준 '~'와 '`'이 그려져있다면 그거다. shift키를 누르면 ~가 되고 안누르면 `(백틱)이 자판에 입력된다.

※console.info는 뭐고 console.error는 또 뭐죠? console.warn은 또 뭔가요????
warn = 경고, error = 에러, info = 정보로 웹콘솔에서 시각화해서 나타날때 다르게 나타난다.
참조1 : https://www.w3schools.com/jsref/obj_console.asp
참조2: https://developer.mozilla.org/ko/docs/Web/API/Console