TWIL 2021-08 (3)

1. If-Else와 Switch의 대안

---

If-else, switch 모두 별로인 것 같을 때의 대안으로 Object 활용하기

function getTranslationMap(rhyme) {
  const rhymes = {
    "apples and pears": "Stairs",
    "hampstead heath": "Teeth",
    "loaf of bread": "Head",
    "pork pies": "Lies",
    "whistle and flute": "Suit",
  };
  
  return rhymes[rhyme.toLowerCase()] ?? "Rhyme not found";
}

• nullish coalescing operator가 유용하게 쓰인다.
• rhymes[rhyme.toLowerCase()] 가 null 또는 undefined 일 때(그러나 false나 0일 때는 해당되지 않음) "Rhyme not found"를 반환한다.
• 0이나 false를 반환하는 경우를 고려해야 할 때 사용할 수 있다.

🔗 Don't Use If-Else and Switch in JavaScript, Use Object Literals

2. Nullish coalescing operator (??)

---

• || returns the first truthy value.
• ?? returns the first defined value.

🔗 null 병합 연산자 '??'

3. Emmet snippets

---

.movie-container 
<div class="movie-container"></div>

• 위 같은 단축어는 HTML의 내장 기능이 아닌 Emmet이라는 별도의 문법이다.
• Emmet 은 HTML & CSS 단축어 플러그인으로 Vscode에 포함되어있다. (옵션에서 설정 가능)
• HTML를 직접 작성할 일이 별로 없다보니 자주 잊어버리는데, 다음에는 Emmet 공식 문서를 보자. https://docs.emmet.io/