유데미 - Strings and Template Literals 와 Taking Decisions: if / else Statements

String을 쓰는걸 여태 간략하게 배웠는데요. 더 자세히 어떻게 쓰는지 배워보겠습니다.

우선 Jonas의 자기소개를 여태 배웠던 String 방법으로 출력을 해보겠습니다.

const firstName = "Jonas";
const job = "teacher";
const birthYear = 1991;
const year = 2031;

const Jonas =
  "I'm" + firstName + ", a" + (year - birthYear) + " year old " + job + "!";
console.log(Jonas);

문장에 뛰어쓰기도 이상하고 미관상 이상하게 나옵니다. - ' - 이걸 적기 시작할때부터 문제가 생기는데요.

String을 적기 위해서는 큰따옴표나 작은 따옴표가 작은 따옴표를 써서 단어를 만들때는 겹쳐 문제가 생겨 큰따옴표로 만들어 주는게 좋습니다.

이런 방식으로 문장을 만드니 뛰어쓰기도 다시 쳐야하고 귀찮아 집니다.
그래서 ESXi(es6)를 사용해보도록 하겠습니다.

const jonasNew = `I'm ${firstName}, a ${year - birthYear} year old ${job}!`;
console.log(jonasNew);

백틱을 사용했고 , '${ }' 이 두개를 사용하니 똑같이 적었는데 문장이 훨씬더 쉽게 풀어졌습니다!

문장을 바꿀때도 편한데요, 하나더 만들어 보겠습니다!

console.log("String with \n\
multiple \n\
lines");

//백틱 사용함
console.log(`String with
multiple
lines`);

문장을 바꿀때 많이 사용한는 단어를 백틱에서는 사용하지 않아도
알아서 인식을 하고 문장을 바꿔줍니다.

😍과제

let descriptnew = `${country} is in ${continet}, and it has ${population} million people speaks ${language}
`;
console.log(descriptnew);

시마이!

---

if 와 else 구문을 배워보도록 하겠습니다.

const age = 19;

if (age >= 18) {
  console.log("Sarah can start driving 🚗");
} else {
  const yearsLeft = 18 - age;
  console.log(`Sarah is too young. Wait another ${yearsLeft} years 😁 `);
}

사라가 18살 이상이면 if 구문을 아니라면 else 구문을 출력하게 됩니다.
사라가 위 보기 같이 19살이라면

이 구문이 나오고 만약 15살이라고 해보겠습니다.

3년을 더 기다리라는 문장이 출력이 됩니다!

또 다른 재미있는 예시를 배워보겠습니다.

const birthYear = 1998;

if (birthYear <= 2000) {
  let century = 20;
} else {
  let century = 21;
}
console.log(century);

if 와 else 구문안에 변수를 선언해주고 결과를 출력하라고 했는데
century라는 변수가 정의되지 않았다고 하네요.

그건 { } 이 안에 있는 변수는 밖에와 간섭을 할 수 없기 때문인데요.

그래서 변수 선언을 밖에서 해보겠습니다!

const birthYear = 1998;

let century;
if (birthYear <= 2000) {
  century = 20;
} else {
  century = 21;
}
console.log(century);

이렇게 구문 밖에서 해주니 원하는 값이 나왔습니다!
뒤에서 또 자세히 배운다고 이번에는 여기까지!

😍 과제

1. If your country's population is greater that 33 million, log a string like this to the
   console: 'Portugal's population is above average'. Otherwise, log a string like
   'Portugal's population is 22 million below average' (the 22 is the average of 33
   minus the country's population)
2. After checking the result, change the population temporarily to 13 and then to 130. See the different results, and set the population back to original

if (population > 33) {
  console.log(`${country}'s population is above average.`);
} else {
  console.log(
    `${country}'s population is ${33 - population} million below average`
  );
}

원래 처럼 51일 경우

가 출력 되고 13으로 줄여보니

가 출력 되었다.

시마이!!