3. 문과 식

1. 문(statement): 작업을 실행하는 단위

• 문은 작업을 실행하며, 결과 값을 반환하지 않는다.
• 일반적으로 한 줄에 하나의 문을 작성하며, 서로 다른 문은 줄바꿈을 통해 구분한다.
• 대표적인 예: 조건문, 반복문, 함수 호출 등.

// 웹 페이지에 경고 창을 띄우는 문
alert('Hello'); // 이 문은 "Hello"라는 메시지를 출력하지만, 값을 반환하지 않는다.

---

2. 식(expression): 값을 반환하는 코드

• 식은 실행된 후 하나의 값을 반환한다.
• 값 자체도 식으로 간주할 수 있다.
• 예를 들어, 수학 연산, 변수 참조, 함수 호출 등이 식에 해당한다.

// 숫자 값을 반환하는 식
10;

// 두 값의 합을 계산해 반환하는 식
5 + 5;

// 함수 호출로 값을 반환하는 식
function returnTen() {
    return 10;
}

const result = returnTen(); // returnTen()은 10이라는 값을 반환한다.
console.log(result); // 출력: 10

---

3. 세미콜론(;): 문(statement)의 종료 표시

• 세미콜론은 각 문이 끝났음을 표시한다.
• 줄바꿈으로 문을 구분하면 세미콜론을 생략해도 동작한다.
• 하지만 몇몇 경우에는 세미콜론이 없을 때 예상치 못한 오류가 발생할 수 있으므로 항상 명시하는 것이 좋다.

// 세미콜론 사용 예시
alert('Hello');
alert('World');

// 세미콜론 없이도 동작하지만, 에러 발생 가능성이 있음
alert('Hello')
alert('World')

// 세미콜론 생략으로 인해 에러가 발생할 수 있는 예시
let a = 5
[1, 2, 3].forEach(num => console.log(num)); // 에러 발생 가능!

결론: 세미콜론은 항상 명시적으로 작성하는 것이 좋다.

---

4. 주석(Comment): 실행되지 않는 코드

• 주석은 코드에 대한 설명을 추가하거나, 일시적으로 코드를 비활성화하는 데 사용된다.
• 한 줄 주석: //로 시작한다.
• 여러 줄 주석: /* */로 감싼다.
• 대부분의 코드 에디터에서 주석 단축키는 Ctrl + /(Mac에서는 Cmd + /)이다.

// 한 줄 주석: 변수 선언
let age = 25;

/* 여러 줄 주석
   이 주석은 여러 줄에 걸쳐 작성할 수 있다.
   alert('Hello'); // 비활성화된 코드
*/

// 아래 코드는 실행되지 않는다
// alert('This is a comment');

중첩 주석은 사용할 수 없다:

/*
  /* 중첩 주석 */ // 에러 발생
*/

---

요약

1. 문(statement): 작업을 실행하며 값을 반환하지 않는다.
   예: alert('Hello');, 조건문, 반복문.
2. 식(expression): 값을 반환하며, 값 자체도 식으로 간주한다.
   예: 10, 5 + 5, 함수 호출의 반환값.
3. 세미콜론(;): 문(statement)의 끝을 명시하며, 항상 사용하는 것이 좋다.
4. 주석(Comment): 코드에 대한 설명이나 메모를 추가할 때 사용하며 실행되지 않는다.
   한 줄 주석: //, 여러 줄 주석: /* */.

---

실무 팁

• 세미콜론 사용: 줄바꿈으로 생략 가능하지만, 일관성을 위해 항상 명시하는 것이 바람직하다.
• 주석 작성: 코드의 의도를 명확히 하기 위해 주석을 적절히 사용하되, 필요 이상으로 남발하지 않는다.
• 문과 식의 구분: 함수 반환값이 필요한 경우 식(expression)을 사용하고, 순수 작업 수행은 문(statement)을 사용.