JS기초

JS 기초

number 변수

console.log(0/123);
console.log(123/0);
console.log(123/-0);
console.log(123/'aaa');

0
Infinity
-Infinity
NaN //(Not a number)

string

1. '', "" 안에 집어넣기

2. ``(back tick) 사용하기

특수문자 출력하기

따옴표 보이게

string= "'따옴표가 보이게'";
console.log(string);

'따옴표가 보이게'

string = '똑같은 \'홑따옴표\' 쓸래';
console.log(string);

똑같은 '홑따옴표' 쓸래

줄바꿈 & 탭 & 백슬래시

string = '줄바꿈되도록\n줄바꿈\t탭 \\백슬래시 두번'
console.log(string);

줄바꿈되도록
줄바꿈  탭 \백슬래시 두번

template literal

let id = 'Rainy';
let greetings = "안녕하세요 " +id+"😜님 \n즐거운 하루 보내세요"
console.log(greetings);

안녕하세요 Rainy😜님
즐거운 하루 보내세요

template literal - ES6버전(backtick, placeholder 이용)

내장된 표현식을 허용하는 문자열 방법

let id = 'Rainy';
greetings = `안녕! 🤸‍♀️ ${id} 님! \n화이팅`
console.log(greetings);

안녕! 🤸‍♀️ Rainy 님!
화이팅

console.log(`1 + 1 = ${1 + 1}`);

1 + 1 = 2

boolean

let aa = true;
console.log(aa);
console.log(!aa);

0
true
false

console.log(0);
console.log(!0);
console.log(!!0);

0
true
false

console.log('');
console.log(!'');
console.log(!!'');

true
false

console.log(null);
console.log(!null);

null
true

console.log(Infinity);
console.log(!Infinity);

Infinity
false

empty

null과 undefined의 차이

let vari; 
console.log(vari); //undifined

정의되지 않은 vari

vari = null;
console.log(vari); //null

console.log(typeof null); //object
console.log(typeof undefined); //undefined

object

let nana = {
    name : 'nana',
    type : 'babycat',
    display : '🐈'
}

console.log(nana); //{ name: 'nana', type: 'babycat', display: '🐈' }
console.log(nana.display); //🐈