[Javascript] 기본 자료형(Number, String), 변수, Template Literal

자바스크립트의 기본 자료형에 대해 알아보겠습니다

 

Number

console.log(1+1);
console.log(4-1);
console.log(2*2);
console.log(10/2);

코드와 코드의 결과입니다. Number는 숫자를 의미합니다.

 

String

console.log('1' + '1');
console.log('hello world'.length);

String은 문자를 의미합니다. 문자에서 '+' 는 숫자와 다르게 동작합니다. 문자에서 '+' 는 문자와 문자를 합친다는 의미입니다. 문자열의 길이를 알고 싶을 때는 .length 를 사용하면 됩니다.

 

변수(Variable)

var name = 'egoing'
var letter = 'Dear ' + name + ' hello world'
console.log(letter);

변수를 선언할 때는 var 변수명 = 값 형태로 선언하면 됩니다. 

 

Template Literal

var name = 'k8805';
var letter = 'Dear '+name+'\n\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. '+name+' Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa egoing qui officia deserunt mollit anim id est laborum. '+name;

//Template Literal
var letter = `Dear ${name}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ${name} 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ${1+1} Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa egoing qui officia deserunt mollit anim id est laborum. 
${name}`;
console.log(letter);

문자열에서 줄바꿈을 하고 싶을 때는 '\n'를 사용하면 됩니다.

Template Literal에서는 줄바꿈을 하고 싶을 때 '\n'를 사용하지 않고 코드에서 줄바꿈을 하면 그대로 적용됩니다.

`은 Template Literal의 시작과 끝을 나타냅니다. 변수를 쓰고 싶을 때는 ${변수명} 형태로 쓰면 됩니다.