JavaScript 02.

007. 템플릿 문자열

Template : 일정한 틀, 형식

가독성있고 쉽게 작성할수 있음(백틱을 사용해서)

// 템플릿문자열(Template strings)

let year = 2010;
let month = 3;
let day = 11;

console.log("생년월일은" + year + "년" + month + "월" + day + "일"); // 불편
console.log(`생년월일은 ${year}년 ${month}월 ${day}일 입니다.`); // 템플릿 문자열

let myNumber = 3;

function getTwice(x) {
  return x * 2;
};

console.log(`${myNumber}의 두배는 ${getTwice(myNumber)} 입니다.`);
// "3의 두배는 6 입니다."

예제)

function calcWage(name, time, wage) {
  let total = time * wage;

  console.log(`${name}님의 근무 시간은 총 ${time}시간이며, 최종 급여는 ${total}원 입니다. `); // 코드를 채워 넣으세요.
}

calcWage('김윤식', 208, 11340);
calcWage('성규재', 175, 12160);
calcWage('손태웅', 161, 13070);
calcWage('허우선', 222, 10980);

/*
김윤식님의 근무 시간은 총 208시간이며, 최종 급여는 2358720원 입니다.
성규재님의 근무 시간은 총 175시간이며, 최종 급여는 2128000원 입니다.
손태웅님의 근무 시간은 총 161시간이며, 최종 급여는 2104270원 입니다.
허우선님의 근무 시간은 총 222시간이며, 최종 급여는 2437560원 입니다.
*/

008. null과 undefiend

둘다 값이 없다는 뜻

// null과 undefined (자료형)
// 둘다 값이없다는 뜻
// null(의도적으로 표현할떄 사용하는값) | undefined(값이 없다는것을 확인하는 값)
console.log(null == undefined); // true
console.log(null === undefined); // false

let codeit;
console.log(codeit); //undefined
codeit = null;
console.log(codeit); //null
codeit = undefined;
console.log(codeit); //undefined

// 의도적으로 '값이 없는 상태'를 표현하려면 반드시 null을 사용할것을 권장드림니다.

== : 동등비교일떄는 둘다 비슷한 의미를 가지고 있어서 true가 출력

=== : 일치 비교를 하게 되면 두값이 서로 다른 자료형이기 때문에 false가 출력된다

• undefined

let codeit;
console.log(codeit);
// undefined : 선언한다음 값을 정해주지않음 (지정된 값이 없다)

• null (의도적으로 값이 없다는것을 표현할때)
  • 선언만하고 아무런것도 지정하지않은것인지
  • '값이없음'을 의도적으로 표현한것인지

// null과 undefined (자료형)
let codeit = null;
console.log(codeit);
// null : 의도적으로 값이 비어있다는걸 표현할때!

// undefined와 nulldml qldbwjr tjfaud
let cup;
console.log(cup); // undefined

cup = "물";
console.log(cup); // 물

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

/*
물을 마시려면 빈 컵을 가져와야 하는데
그게 바로 이 컵이라는 변수를 선언하는 것으로 생각해볼수가 있습니다.
처음부터 아무것도 없던 컵을가져온것이기 때문에
이컵의 상황을 undefined라고 할수 있다.

컵에 물을 받아야하는데 이것을
"컵이라는 변수에 물이라는 값을 넣어주는것으로" 표현

이제 물을 마시는데, 이때 물을 마시는것은
"의도적으로 컵을 비우는것"
이런상황을 코드로 표현할때
"컵이라는 변수에 null이라는 값을 할당하는것으로 표현"
*/

예제_01(null & undefined)

let x;
console.log(x); // undefined
let y = x;
x = null;
console.log(y); // undefined
console.log(x); // null
x = y;
console.log(x);  // undefined

• 해설 가장 먼저 아무런 값을 할당하지않고 변수 x 를 선언했습니다. 아무런 값도 할당하지 않았기 때문에 두번째 줄에서 콘솔에 출력하는 변수 x는 undefined 입니댜!
  세번째 줄에서는 변수 y 를 선언함과 동시에 변수 x가 가지고 있는 undefined 를 할당하게 되는디, 바로 다음 줄에서 변수 x 에 null 값을 할당하더라도 변수y 가 가진값은 그대로 undefined 이댜..! 따라서 다섯번째줄에서 콘솔에 출력하는 변수 y 는 undefined 이고, 여섯번째 줄에서 콘솔에 출력하는 변수 x 는 네번쨰 줄에서 할당한 null 값이 출력되어용..!
  마지막으로 일곱번째줄에서 변수 x에 변수y 가 가지고 있는 undefined 를 할당해줬기 때문에 여덟번쨰 줄에서 콘솔에 출력하는 변수 x 는 undefined 가 출력됩니댜.
  

예쩨_02(형변환)