*Statements Vs. Expressions — Josh Comeau ***번역 글 보충 / 정리 함께 보면 좋은 이전 글(노트)

TL;DR

• 자바스크립트 프로그램은 일련의 문(Statement)으로 구성된다
• 각 문은 변수 생성, if else 조건 실행, 루프 시작과 같은 작업을 수행하는 명령이다
• 표현식은 값을 생성하는 자바스크립트 코드다 → 표현식은 항상 값을 생성한다
• 모든 함수의 인자는 표현식이다. 문은 값을 생성하지 않으므로 함수 인자에 사용할 수 없다
• 문은 프로그램을 하나로 묶는 단단한 구조이며, 문의 세부사항은 표현식으로 채워진다
• 표현식은 단독으로 존재할 수 없고, 항상 문의 일부다
• 문은 표현식 슬롯을 제외하곤 본질적으로 비어있다
• 문이 비어 있을 때도 표현식은 항상 문의 일부다
• JSX의 {} 중괄호는 표현식 슬롯을 만든다
• 표현식 슬롯에선 값을 생성하지 않는 문은 사용할 수 없다

표현식 | Expressions

• 표현식은 기본적으로 값을 생성하는 자바스크립트 코드다

• 즉, 표현식은 항상 값을 생성한다

• 아래는 코드는 모두 표현식이다

  1                     // 1 생성
  'hello'               // 'hello' 생성
  5 * 10                // 50 생성
  num > 100             // true | false 생성
  isHappy ? "🇹🇭" : "🇰🇷"  // 이모지 생성
  [1, 2, 3].pop()       // 3 생성
  

• 표현식은 표현식을 포함할 수 있다.