29. 문장, 화이트 스페이스, 세미콜론 자동 삽입, 블록

문장(Statement)

• 형태 : ; (세미콜론)

• 문장을 끝나게 하는 역할

  • var book = ‘책’;

화이트 스페이스

• White Space

• 사람 눈에 보이지 않는 문자 (스페이스바, 엔터 등등)

  • 가독성을 위한 것 (스페이스바 누를 때마다 무슨 문자가 들어가면 지저분해서 읽기 어려움, 그래서 빈공간으로..)
  • 문자마다 기능을 갖고 있음 (사람눈에 안보일지라도 문자마다 기능을 갖고 있음, 스페이스바 - 한칸띄우기, 엔터키 - 개행)

White Space

• 수평탭 : 키보드 탭키
• 공백 : 스페이스바
•   : html에 공백을 넣기위한 것

Line Teminator

• Line Feed / Carriage Return 보통 두 개를 같이 쓴다.
• Line Feed : 40칸을 띄우고 엔터키를 누르면 그 개행된 커서의 위치도 40칸의 띄워진 상태로..
• 위와 같은 상태에서 Carriage Return 을 하게되면 그 줄의 제일 처음으로 다시 돌아갑니다.
  우리가 일반적으로 에디터에서 줄바꿈을 할 때 맨 왼쪽, 처음으로 가는 기능이라고 보면 됩니다.
  보통 LFCR이라고 많이 부릅니다.

세미콜론 자동 삽입

• 세미콜론(;)은 문장 끝에 작성

• 문장 끝에 세미콜론을 작성하지 않으면 자바스크립트가 자동으로 세미콜론을 삽입합니다.
  그렇게 문장을 완성시키고 에러없이 문장을 실행시킵니다.

  • 자동으로 문장이 끝나게 합니다.

  • JS 엔진이 분석 및 삽입 (ES5 부터 지원하는 기능입니다.)

      var one = 1
      var two = 2;
      console.log(one); // 1
    

    1. var one = 1 끝에 ;을 작성하지 않았습니다.
    2. 두 줄의 코드를 연결하면
       var one = 1 var two = 2; 형태가 되며 var 를 2번 작성했으므로 에러가 발생해야됩니다.
    3. 에러가 나지 않은 것은 엔진이 1의 끝에 세미콜론을 삽입하여 문장을 완성시키기 때문입니다.
       정확히는 1과 Enter 키입력 사이에 세미콜론을 삽입하는 것입니다.
    4. 줄을 분리해야 화이트 스페이스(LF/CR) 앞에 세미콜론을 자동 삽입합니다.
       한 줄에 작성하면 삽입하지 않습니다.

블록

• 형태 : { 문장 리스트 opt }

    var one = 1, two = 1;
    if (one === two) {
        var result = one + two;
        console.log(result); // 2
    }
  

• 중괄호 {}
  중괄호는 프로퍼티였죠? key : value 가 들어가는..
  하지만 문장에서의 중괄호는 블록입니다.

  • 실행 그룹으로
  • 블록 안의 모든 문장 실행

• 문장 리스트

  • {} 안의 모든 문장
  • 문장 리스트 작성은 선택(option)
  • 강좌에서 option 을 opt 로 표기