템플릿 문자열

템플릿 문자열 (template strings)

- template = 일정한 틀, 형식

 

일반문자열

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

console.log('생년월일은 ' + year + '년' + month + '월' + day + '일 입니다.');
// 생년월인은 2018년 3월 11일 입니다.

 

템플릿 문자열

- 일반문자열보다 가독성있고 손쉽게 작성 가능

- 백틱사용

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

console.log(`생년월일은 ${year}년 ${month}월 ${day}일 입니다.`);
// 생년월인은 2018년 3월 11일 입니다.

 

let myNumber = 3;

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

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

 

실습

재원이는 카페 매니저입니다. 며칠 뒤면 아르바이트 근무자들 급여 정산을 해야 하는데요. 근무자별로 근무 시간을 계산해서 총 급여를 계산하는 calcWage() 함수를 만들어 보려고 합니다.

파라미터로 근무자 이름(name), 근무시간(time), 그리고 시급(wage)을 전달받고 총 급여를 계산하기 위해 total 변수에 시간과 시급을 곱한 값을 담는 것까진 작성했는데, 마지막으로 콘솔에 출력하는 부분이 남았습니다.

지난 시간에 배운 템플릿 문자열 개념을 이용해서 아래 실습 결과의 문장이 출력되도록 코드를 완성하세요. 

 

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원 입니다.